时间日期选择器限制到某天的时分秒
需求: 限制时间只能选择今天以及今天之后,时分秒也只能是当前时间之后。
例如:2021:08:12 15:16:59 那选择时间的时候只能选择这个时间后的时间
提示:图片中红色部分都是过当前时间就不能选了。
注意:pickerOptions普通限制出现的问题,
例如限制了选择时间不得大于今天13:16分,但是发现明天后天大后天时间的时间早于13:16分的时间都不能选了(需求和逻辑是要能选的),下面的watch就是处理这个问题的。
代码示例
<el-date-picker
:showConfirmButton='false'
class="pickerClass"
style="width:60%"
v-model="dailogForm.useTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期"
:picker-options="pickerOptions"
>
</el-date-picker>
data() {
return {
pickerOptions: {
// 这里是限制日期 (8.64e7)表示是否包含今天这里是包含今天
disabledDate(time) {
return time.getTime(