element-ui DatePicker 日期选择器--设置结束时间大于开始时间

最新推荐文章于 2024-03-29 17:17:42 发布

Lei丶大叔

最新推荐文章于 2024-03-29 17:17:42 发布

阅读量1.4k

点赞数 1

分类专栏： eolement vue

本文链接：https://blog.csdn.net/Lei_Xue/article/details/100707364

版权

vue 同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

eolement

4 篇文章 0 订阅

订阅专栏

详细代码

html

<el-form-item label="开始日期">
               <el-date-picker format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="form.sendStartTime" type="date" placeholder="选择日期" :default-value="timeOs">
               </el-date-picker>
           </el-form-item>

<el-form-item label="结束日期">
               <el-date-picker format="yyyy-MM-dd" :picker-options="endTime" value-format="yyyy-MM-dd" v-model="form.sendEndTime" type="date" placeholder="选择日期" :default-value="timeOs">
               </el-date-picker>

</el-form-item>

js(都在data里面)

data() {
return {

form: {
                   sendStartTime: '', //   开始时间
                   sendEndTime: '', //   结束时间

               },

/* start 开始时间小于今天,结束时间不能大于开始时间 */
               endTime: {
                   disabledDate: time => {
                       if (this.form.sendStartTime) {
                           return (
                               time.getTime() < new Date(this.form.sendStartTime).getTime()
                           );
                       } else {
                           return time.getTime() > Date.now();
                       }
                   }
               }

}