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
    
    
  • 相关阅读:
    Leetcode645.Set Mismatch错误的集合
    Leetcode622.Design Circular Queue设计循环队列
    Leetcode628.Maximum Product of Three Numbers三个数的最大乘积
    Leetcode633.Sum of Square Numbers平方数之和
    Leetcode617.Merge Two Binary Trees合并二叉树
    Leetcode606.Construct String from Binary Tree根据二叉树创建字符串
    SQL Sever实验二 交互式 SQL
    [bzoj2124]等差子序列_线段树_hash
    [bzoj4084][Sdoi2015]双旋转字符串_hash
    [bzoj1708][Usaco2007 Oct]Money奶牛的硬币_动态规划_背包dp
  • 原文地址:https://www.cnblogs.com/yanyanliu/p/12739528.html
Copyright © 2011-2022 走看看