element ui的DateTimePicker限制时间只能限制到日期,不能限制具体的时间?

如题,
clipboard.png
我限制了不能选择到时间超过当前时间,日期限制是没有问题,但是无法限制到具体的时分秒,导致可以选择未来时间。

代码如下:

<template>
    <el-date-picker
      v-model="endDate"
      type="datetime"
      :clearable="false"
      :picker-options="endPickerOptions"
      placeholder="选择结束时间">
    </el-date-picker>
</template>
endPickerOptions: {
   disabledDate(time) {
       let timeSpace = time.getTime() > Date.now());
            return timeSpace;
        }
    }

有没有踩过这个坑的请指导一下?

阅读 27.1k
12 个回答
新手上路,请多包涵

我也遇到这个问题,请问你怎么解决的

新手上路,请多包涵

我也遇到这个问题了,有没有能解决的?

新手上路,请多包涵

调用他的change方法,自己判断吧

clipboard.png

clipboard.png

????怎么解决

新手上路,请多包涵
watch: {
    endDate(val) {
        if (new Date(val).getTime() < new Date(this.startDate).getTime()) {
            this.endDate = this.startDate
        }
    }
}
<el-date-picker
    v-model="subForm.endTime"
    type="datetime"
    placeholder="选择日期"
    :default-value="timeDefaultShow"
    :picker-options="pickerOptions0">
</el-date-picker>
                            
computed:{
        timeDefaultShow:function(val){
            var date = new Date(),
            Y = date.getFullYear(),
            m = date.getMonth() + 1,
            d = date.getDate();
            if (m < 10) {
                m = '0' + m;
            }
            if (d < 10) {
                d = '0' + d;
            }
            var t = Y+'-'+m+'-'+d+' '+'23:59:59'
            return t;
        }
   }

用computer属性加上element的默认值

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题