element结束日期大于开始日期,vue开始时间不能大于结束时间
这篇文章主要为大家详细介绍了使用元素某视频剪辑软件实现开始与结束时间限制,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了用元素某视频剪辑软件实现开始与结束时间限制的具体代码,供大家参考,具体内容如下
效果
El-表单-项目标签=开始时间
El-date-picker v-model= start date type= datetime placeholder=选择日期
format=yyyy-MM-dd HH:mm:ss
值格式=时间戳
:editable=false
:picker-options= pickeroptionstart @ change= changeStart
/El-日期选择器
/El-表单-项目
El-表单-项目标签=结束时间
El-date-picker v-model= end date type= datetime placeholder=选择日期
style= width:100%;
format=yyyy-MM-dd HH:mm:ss
值格式=时间戳
:clearable=true
:editable=false
:picker-options= pickerOptionsEnd @ change= change end
/El-日期选择器
/El-表单-项目
pickeroptionstart:{ },
pickerOptionsEnd: {},
开始日期: ,
结束日期: ,
changeStart() { //限制开始时间
if (this.endDate!=) {
如果(这个。结束日期=这个。开始日期){
这个message.warning(结束时间必须大于开始时间!);
这个。开始日期=" ";
}
}
this.pickerOptionsEnd=object。赋值({ },this。pickeroptionsend,{
禁用日期:(时间)={
if (this.startDate) {
返回时间。gettime()this。开始日期;
}
},
});
},
changeEnd() { //限制结束时间
控制台。日志(这个。结束日期);
if (this.startDate!=) {
如果(这个。结束日期=这个。开始日期){
这个message.warning(结束时间必须大于开始时间!);
这个。结束日期=" ";
}
}
这个。pickeroptionstart=object。赋值({ },this。pickeroptionstart,{
禁用日期:(时间)={
如果(this.endDate) {
返回时间。gettime()this。结束日期;
}
},
});
},
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。