Element 时间选择器 el-date-picker 从当前时间往后选择

1.element的   el-date-picker 

 <el-date-picker :picker-options="setFulltime" style="width:100%" v-model="ruleForm.Time" type="datetime" placeholder="选择日期时间" clearable format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"> </el-date-picker>

2 . 定义 picker-options  

 

 

 

3.在data里面定义 

 

  setFulltime: {
                disabledDate(time) {
                    return time.getTime() < Date.now() - 24 * 60 * 60 * 1000; // 可选未来天、可选当前天、不可选历史天
                },
            },

 

 效果  

 

 

posted @ 2022-03-31 15:33  热爱前端的5号机器  阅读(714)  评论(0编辑  收藏  举报