时间格式的转化 vue与js 年月日时分秒

yanyanliu 2020-04-20 原文

时间格式的转化 vue与js 年月日时分秒

首先使用原生转化的方法

第一种

    //时间转换
    dateStr(d, sign) {
      //如果没有传递符号，给一个默认的符号
      if (!sign) {
        sign = '-'
      }
      //获取d里面年月日时分秒
      let year = d.getFullYear(),
        month = d.getMonth() + 1,
        sun = d.getDate(),
        hours = d.getHours(),
        minutes = d.getMinutes(),
        seconds = d.getSeconds()

      return (
        year +
        sign +
        this.mendZero(month) +
        sign +
        this.mendZero(sun) +
        ' ' +
        this.mendZero(hours) +
        ':' +
        this.mendZero(minutes) +
        ':' +
        this.mendZero(seconds)
      )
    },
    //时间转换补零
    mendZero(num) {
      return (num = num < 10 ? '0' + num : num)
    },

调用的时候就在方法里直接 return 出结果

  // 调用方法
    getDate() {
      console.log(this.dateStr(new Date()))
    },　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　输出结果 为 2020-04-20 17:58:54

第二种这种其实和上边的是一样的思路，只是补零操作直接用三木判断了，代码更简洁

//时间格式转换
    dealWithTime(date) {
      let Y = date.getFullYear()

　　　　let M = date.getMonth() + 1 – 0 >= 10 ? Number(date.getMonth()) + 1 : ‘0’ + (Number(date.getMonth()) + 1)

      let D = date.getDate()
      let h = date.getHours() >= 10 ? date.getHours() : '0' + date.getHours()
      let m = date.getMinutes() >= 10 ? date.getMinutes() : '0' + date.getMinutes()
      let s = date.getSeconds() >= 10 ? date.getSeconds() : '0' + date.getSeconds()
      return Y + '-' + M + '-' + D + ' ' + h + ':' + m + ':' + s
    },　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　输出结果 为 　　2020-04-20 18:04:42

vue的方法更简单

　　使用vue的 moment

　　安装 npm install moment –save

　　在main.js中全局引入 import moment from ‘moment’

　　Vue.prototype.$moment = moment

　　则在别的文件就可以直接调用了

    getDate() {
      console.log(this.$moment(new Date()).format('YYYY-MM-DD  HH:mm:ss'))
    },　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　输出结果 为 　　2020-4-20 18:04:42

发表于
2020-04-20 18:15
纯白棒球帽
阅读(…)
评论(…)
编辑
收藏

本文链接：https://www.cnblogs.com/yanyanliu/p/12739528.html

随机推荐

Android序列化问题与思考

今天再来谈谈Android中的对象序列化，你了解多少呢？序列化指的是什么？有什么用序列化指的是讲对象变成有 […]...

锂离子电池特性及充、放电管理 – JonnyLulu

锂离子电池特性及充、放电管理锂离子电池基本工作原理和结构电池的基本原理：正极发生还原反应， […]...

BitMap 算法基本描述

BitMap 是使用 bit位来标记某个元素对应的value，而key 即是该元素，因此对于之前位数存储换成b […]...

【OCR技术系列之二】文字定位与切割

要做文字识别，第一步要考虑的就是怎么将每一个字符从图片中切割下来，然后才可以送入我们设计好的模型进行字符识别。 […]...

解决Windows7、Windows10 ping不通的问题

在VLAN交换机网络下面不能访问Windows10或者Windows7共享、ping不通问题，关闭防火墙发现能 […]...

.Net5 WPF快速入门系列教程

一、概要在工作中大家会遇到需要学习新的技术或者临时被抽调到新的项目当中进行开发。通常这样的情况比较紧急没有那 […]...

树莓派使用 OLED 屏显示图片及文字

树莓派默认是不带显示屏的，如果想要查看系统的一些信息，需要使用电脑登录到树莓派，或者通过 HDMI 连接外接显 […]...

GC总结

概述 GC(Garbage Collection),需要完成的3件事哪些内存需要回收？什么时候回收？如何 […]...

时间格式的转化 vue与js 年月日时分秒