elementui 日期选择器时间选择范围限制
程序员文章站
2022-03-04 11:03:56
...
限制可选时间范围为60天内
<el-date-picker
v-model="dateTimeStart"
type="datetime"
placeholder="请选择开始时间"
:picker-options="pickerOptions"
></el-date-picker>
<el-date-picker
v-model="dateTimeEnd"
type="datetime"
placeholder="请选择结束时间"
:picker-options="pickerOptions"
></el-date-picker>
<script>
data (){
return {
dateTimeStart:'',
dateTimeEnd:'',
pickerOptions: {
disabledDate: time => {
let maxDate = new Date().getTime(); //最大可选时间为当前时间
let diffDate = 60 * 24 * 3600 * 1000; //相差时间60天
let minDate = maxDate - diffDate; //最小可选时间为当前时间减去相差时间
return (
time.getTime() > maxDate || time.getTime() < minDate
);
}
}
}
}
</script>
推荐阅读
-
Android仿iPhone日期时间选择器详解
-
Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能
-
详解element-ui日期时间选择器的日期格式化问题
-
JavaScript 日期时间选择器一些小结
-
Element DateTimePicker日期时间选择器的使用示例
-
日期时间范围选择插件:daterangepicker使用总结(必看篇)
-
详解React Native开源时间日期选择器组件(react-native-datetime)
-
element-ui 时间日期选择器格式化后台需要的格式
-
Vue日期时间选择器组件使用方法详解
-
element-ui 日期选择器范围时间限制