zoukankan      html  css  js  c++  java
  • 时间格式的转化 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
    
    
  • 相关阅读:
    npm start 时报 node_modules/nan 错误
    webpack 插件依赖
    reducer-form 数组字段 在removeField/removeField 之后 dirty 不改变的问题
    sass 入门教程
    解决国内gem不能用的问题
    nrm 快速切换 NPM 源
    数值补全指定位数
    文本溢出使用省略号
    css/js效果笔记
    用MyEclipse,只要一开css文件就报错,按下任何键都报错
  • 原文地址:https://www.cnblogs.com/yanyanliu/p/12739528.html
Copyright © 2011-2022 走看看