时间格式的转化 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 
纯白棒球帽 
阅读(
评论(
编辑 
收藏

 

版权声明:本文为yanyanliu原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/yanyanliu/p/12739528.html

时间格式的转化 vue与js 年月日 时分秒的更多相关文章

  1. js 获取当前时间 年月日

    var datetime = new Date(); var year = datetime.getFullY […]...

随机推荐

  1. Android序列化问题与思考

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

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

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

  3. BitMap 算法基本描述

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

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

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

  5. 解决Windows7、Windows10 ping不通的问题

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

  6. .Net5 WPF快速入门系列教程

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

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

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

  8. GC总结

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

展开目录

目录导航