DatePicker 日期选择器默认时间

金城武180

已于 2023-05-24 10:39:33 修改

阅读量1.9k

点赞数

文章标签： elementui javascript 前端

于 2023-05-24 10:04:12 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_72807685/article/details/130840674

版权

这段代码展示了如何在Vue应用的created生命周期钩子中设置默认时间，包括昨天、今天日期的格式化，并将它们作为页面加载时接口调用的起止时间。通过JavaScript的Date对象进行日期操作，然后赋值给Vue组件的属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

很多时候需要进入页面就有一个默认时间显示在页面且进页面调用接口的时间也是这个默认时间

//我们可以在created里面直接给组件赋值
   created: () {
         //获取昨天日期 格式为“yyyy-MM-dd”
         let nowdate = new Date();
         nowdate.setDate(nowdate.getDate() - 1);
         let y = nowdate.getFullYear();
         let m = nowdate.getMonth() + 1 < 10 ? "0" + (nowdate.getMonth() + 1) : nowdate.getMonth() + 1;
         let d = nowdate.getDate() < 10 ? "0" + nowdate.getDate() : nowdate.getDate();
         let formatwdate = y + '-' + m + '-' + d;
         
         //获取前天日期 格式为“yyyy-MM-dd”
         let nowdate = new Date();
         nowdate.setDate(nowdate.getDate() - 2);
         let y = nowdate.getFullYear();
         let m = nowdate.getMonth() + 1 < 10 ? "0" + (nowdate.getMonth() + 1) : nowdate.getMonth() + 1;
         let d = nowdate.getDate() < 10 ? "0" + nowdate.getDate() : nowdate.getDate();
         let yesterday= y + '-' + m + '-' + d;

         //获取今天日期 格式为“yyyy-MM-dd”
         let nowDate = new Date();
         let year = nowDate.getFullYear();
         let month = nowDate.getMonth() + 1 < 10 ? "0" + (nowDate.getMonth() + 1):nowDate.getMonth() + 1;
         let day = nowDate.getDate() < 10 ? "0" + nowDate.getDate() : nowDate.getDate();
         let dateStr = year + "-" + month + "-" + day;
        
         //接下来就是给赋值了 
         this.sj[0]=formatwdate  //开始时间赋值为昨天
         this.sj[1]=dateStr      //结束时间赋值为今天
        },

接下来就差不多了爱怎么操作怎么操作

DatePicker 日期选择器 默认时间

DatePicker 日期选择器默认时间