本文主要是介绍elemnt ui 时间选择器。 当前日期往前推6个月以前的的不可选择,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
<div class="hengxiang"><div class="lefttitle titlesBt" style="color:#15a66a;"><div>建单起始日期</div><el-date-picker class="elinputs" type="date" placeholder="请输入起始日" v-model="formInline.startDate"value-format="yyyy-MM-dd" clearable :picker-options="pickerOptionsStart"></el-date-picker></div><div class="lefttitle titlesBt" style="color:#15a66a;margin-left:10%;"><div>建单结束日期</div><el-date-picker class="elinputs" type="date" placeholder="请输入结束日" v-model="formInline.endDate"value-format="yyyy-MM-dd" clearable :picker-options="pickerOptionsEnd"></el-date-picker></div></div>
return里面
data() {return {// 时间选择禁用pickerOptionsStart: {disabledDate(time) {// 当前日期往前推6个月let curDate = (new Date()).getTime();let three = 180 * 24 * 3600 * 1000;let sixMonthsAgo = curDate - three;return time.getTime() < sixMonthsAgo;;}},pickerOptionsEnd: {disabledDate(time) {return time.getTime() > Date.now();//如果没有后面的-8.64e7就是不可以选择今天的 // return time.getTime() < Date.now(); //只可以选择今天之后// return time.getTime() < Date.now() - 8.64e7;//只可以选择今天之后包括今天}},
效果图
这篇关于elemnt ui 时间选择器。 当前日期往前推6个月以前的的不可选择的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!