elementUI 日期时间选择器添加默认时间

踏浪而行foreval

已于 2023-03-15 13:46:26 修改

阅读量6.3k

点赞数 2

分类专栏： ElementUI 文章标签：前端 vue.js

于 2020-07-15 16:37:56 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45849072/article/details/107364569

版权

ElementUI 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用JavaScript进行日期操作的方法，包括如何获取指定天数后的日期并格式化为字符串，适用于界面初始化设置开始和结束时间。通过实例展示了如何在组件创建时自动设定一周前的开始时间和明天的结束时间。

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

GetDateStr(AddDayCount) { 
    var dd = new Date();
    dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期
    var y = dd.getFullYear(); 
    var m = (dd.getMonth()+1)<10?"0"+(dd.getMonth()+1):(dd.getMonth()+1);//获取当前月份的日期，不足10补0
    var d = dd.getDate()<10?"0"+dd.getDate():dd.getDate();//获取当前几号，不足10补0
    return y+"-"+m+"-"+d+' '+'00:00:00'; 
},

created(){
    //日期时间选择器中的开始时间为一周前
    this.formInline.CreateBeginTime = this.GetDateStr(-7)  
    //默认结束时间为明天
    this.formInline.CreateEndTime = this.GetDateStr(1)
}

//或者在提交的时候可以进行判断下用户有没有选择时间，这样就不用在created里面调用了
CreateBeginTime:this.formInline.CreateBeginTime ?  this.formInline.CreateBeginTime: this.GetDateStr(-7),

// CreateBeginTime 为接口需要提交的参数

欢迎大家关注我的公众号「踏浪而行生活圈」，这里不仅有更多好玩的内容，还会同步更新踏浪而行最新资讯，让你时刻掌握科技前沿，快来加入我们吧！