栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

vue2 new Date() 转换为年月日时分秒以及星期几

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

vue2 new Date() 转换为年月日时分秒以及星期几

new Date()

效果: 2022年07月12日 星期二 17:19:29

前言

一、new Date()

在vue2中使用new Date() 转换为年月日时分秒以及星期几

二、使用步骤 1.data中声明定时器以及在methods中的方法

代码如下(示例):

timeFormate (timeStamp) {
      let y = new Date(timeStamp).getFullYear().toString()
      let M = new Date(timeStamp).getMonth() + 1 < 10 ? '0' + (new Date(timeStamp).getMonth() + 1) : new Date(timeStamp).getMonth() + 1
      let d = new Date(timeStamp).getDate() < 10 ? '0' + new Date(timeStamp).getDate() : new Date(timeStamp).getDate()
      let h = new Date(timeStamp).getHours() < 10 ? '0' + new Date(timeStamp).getHours() : new Date(timeStamp).getHours()
      let m = new Date(timeStamp).getMinutes() < 10 ? '0' + new Date(timeStamp).getMinutes() : new Date(timeStamp).getMinutes()
      let s = new Date(timeStamp).getSeconds() < 10 ? '0' + new Date(timeStamp).getSeconds() : new Date(timeStamp).getSeconds()
      let w = new Date(timeStamp).getDay().toString()
      switch (w) {
        case '1':
          w = '一'
          break
        case '2':
          w = '二'
          break
        case '3':
          w = '三'
          break
        case '4':
          w = '四'
          break
        case '5':
          w = '五'
          break
        case '6':
          w = '六'
          break
        default:
          w = '日'
      }
      this.nowTime = y + '年' + M + '月' + d + '日' + '  ' + '星期' + w + '  ' + h + ':' + m + ':' + s
    },
    nowTimes () {
      this.timeFormate(new Date())
      this.dateTimer = setInterval(this.nowTimes, 1000)
    },
2.在mouted中挂载数据以及在beforeDestroy中销毁定时器

代码如下(示例):

mouted () {

      this.nowTimes()
},
beforeDestroy () {
    if (this.dateTimer) {
      clearInterval(this.dateTimer)
    }
}
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/1013274.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号