moment.js插件在vue中的使用获取当前日期时间

官方文档:moment.js

  1. 安装moment.js
    npm install moment 其他安装方式见文档
  2. 在vue中获取当前年月日
    this.$moment().format('YYYY年MM月DD日')
  3. 在vue中获取当前星期几
    this.$moment().locale('zh-cn').format('dddd')
    星期几默认英文,这种是转换为中文
  4. 在vue中获取当前时间
    this.$moment().format('HH:mm:ss')
    秒数动态显示的方法,写在计时器中,每秒调用一次
export default {
  data () {
    return {
    time:this.$moment().format('HH:mm:ss')
    }
 },
 created(){
 this.dateTimeChange()
 },
 methods:{
 dateTimeChange () {
      var b = setInterval(() => {
        this.time = this.$moment().format('HH:mm:ss')
        clearInterval(b)
        this.dateTimeChange()
      }, 1000)
    },
 }
}

日期和时间也可以写在一起:
this.$moment().locale('zh-cn').format('YYYY年MM月DD日 dddd HH:mm:ss')

你可能感兴趣的:(前端)