Vue中获取当前日期和操作。

最新推荐文章于 2024-10-08 11:23:49 发布

L_WalkingPig

最新推荐文章于 2024-10-08 11:23:49 发布

阅读量2.4k

点赞数

分类专栏： Vue 日期时间获取文章标签： vue

本文链接：https://blog.csdn.net/l_walkingpig/article/details/109442300

版权

在Vue项目中，通过设置定时器实现每秒更新当前日期。可以使用dayjs时间插件进行安装和导入，用于获取前一天的时间并进行时间戳格式化。

摘要由CSDN通过智能技术生成

设置定时器实现时间每秒走动：

<div class="dateAndSelect" >
   <p>日期: {
  {yearMD}}&nbsp;&nbsp;{
  {Hms}}</p>
</div>

data() {
  return{
     yearMD:'',
     Hms:'',
     selectDate:'',
   }
},

mounted(){
  let that = this;
  //定时器
  setInterval(()=>{
    that.getDateFunc();
  },1000)
},

methods:{
   getDateFunc(){
        let year = new Date().getFullYear();//年
        let month = new Date().getMonth() +1;//注意！月份是从0月开始获取的，所以要+1;
        let day = new Date().getDate();//日
        let hour = new Date().getHours();//时
        let minute = new Date().getMinutes();//分
        let second = new Date().getSeconds();//秒
        //拼接日期 YYYY-MM-DD HH:mm:ss
        this.yearMD =
          year +
          '-' +
          (month >=10 ? month:'0'+ month) +
          '