一芋齿、限制選擇未來的日期時(shí)間誊涯、今日可選
- 代碼如下
<DatePicker type="datetimerange" format="yyyy-MM-dd HH:mm:ss" :options="options" placeholder="操作時(shí)間" style="width:340px;" transfer v-model="formValidate.accepDate"
@on-change="changeAccepDate">
</DatePicker>
options: {
disabledDate (date) {
return date && date.valueOf() > Date.now();
}
}
-
2、效果如下
image.png
二民珍、限制選擇未來的日期時(shí)間襟士、今日不可選
- 代碼如下
<DatePicker type="datetimerange" format="yyyy-MM-dd HH:mm:ss" :options="options" placeholder="操作時(shí)間" style="width:340px;" transfer v-model="formValidate.accepDate"
@on-change="changeAccepDate">
</DatePicker>
options: {
disabledDate (date) {
// 減去今日的時(shí)間
return date && date.valueOf() > Date.now() - 86400000;
}
}
-
2、效果如下
image.png
三嚷量、未來月份不可選陋桂， 當(dāng)月可選
- 代碼如下
<DatePicker type="month" transfer placeholder="請(qǐng)選擇月份" @on-change="changeExportMonth"
style="width:300px" :options="options" v-model="modalForm.exportMonth">
</DatePicker>
options: {
disabledDate (date) {
var dateNow = new Date();
return date && date.valueOf() > dateNow.setMonth(dateNow.getMonth());
}
}
-
2、效果如下：
image.png
