element-ui 日期时间选择器限制日期以及时间范围.
实现效果:
实现方式:
业务背景:
日期:只能选择今天以后的日期(包含今天),
时间:只能选择当前日期时间一小时以后的时间.
实现效果:
实现方式:
1、使用参数 element-ui 控件方法 picker-options
disabledDate :控制只能选择今天及以后的日期
selectableRange :控制选择的时间段。如果是今天,则时间从此刻开始,否则从0时开始
日期格式转换 我再filters里做的,这个随意,也可以自己写方法:
filters: {
sendTimeDate: function (date) {
if (!!date) {
var nowDate =
new Date(date).getFullYear() +
- +
(new Date(date).getMonth() + 1 < 10 ? + (new Date(date).getMonth() + 1) : new Date(date).getMonth() + 1) +
- +
(new Date(date).getDate(date) < 10 ? + new Date(date).getDate(date) : new Date(date).getDate(date));
var nowTime =
(new Date(d