【ElementUI】DateTimePicker 日期时间选择器，设置 disabledDate 禁用今天之后的时间后，今天的日期选择不了的问题

首先，在选用 ElementUI 关于时间的选择器时，通常会设置今天之后的时间不可选或者今天之前的时间不可选等其他关于时间限制的需求。

那么参考相关文章和官方文档之后，我们可以知道，我们需要使用 picker-options 里的 disabledDate 去对其进行限制。在这里，参考的文章如下：

【ElementUI】日期选择器时间选择范围限制，根据接口灵活设置可选时间。只能选今天之前的时间，或者是只能选今天之后的时间。今天是否可以选。限制结束日期不能大于开始日期

但是！

同样的一句话，咋就遇到问题了呢？

time.getTime() > Date.now() - 8.64e6;

使用的时候发现：目前今天之后的时间确实不能选了，但是今天的日期依然不能选。

在出现这个问题的时候，我第一反应就是对这个时间的限制进行了质疑。但是我测试写了几个日期选择器，这么写还真就没有问题，只在我这个 DateTimePicker 出现了问题。

所以最终问题的锁定还是很快的，必然是出在了 DateTimePicker 本身上。最终通过排查发现，是因为我补充了 default-time 的原因。

最终我把 default-time 去掉了。

但 default-time 的作用是给选择时间段的起始日期和结束日期调整时间的，这样才能通过接口获取正确时间段内数据。比如我选择今天，使用 default-time 的结果是：

2021-12-23 00:00:00
2021-12-23 23:59:59

而不使用 default-time 的结果是：

2021-12-23 00:00:00
2021-12-23 00:00:00

最后想要保证数据准确性，只需要在获取时间时，再对时间进行处理即可。

【ElementUI】DateTimePicker 日期时间选择器，设置 disabledDate 禁用今天之后的时间后，今天的日期选择不了的问题相关推荐

DateTimePicker 日期时间选择器设置默认时间
DateTimePicker 日期时间选择器设置默认时间 default-value属性接受一个数组,第一项为开始时间,第二项为结束时间,时间格式为:"YY-mm-dd HH:mm:ss&q ...
vue element ui 时间选择器设置两个时间一前一后
时间选择器,需求是下线时间必须在发布时间之后,但后台是储存两个值,就没使用element UI 的范围选择器在标签设置:picker-options 属性,该属性下disabledDate(),控制 ...
vue element 日期范围选择器限制只能选今天之前的时间，或者只能选今天之后的时间
日期范围选择器限制只能选今天之前的时间,或者只能选今天之后的时间 <el-date-pickerformat="yyyy-MM-dd HH:mm"placeholder=&q ...
excel学习笔记：数据格式，单元格格式（快捷键，自动调整行列宽，条件格式，自定义格式，日期星期时间的设置，特殊数字，多种填充方式，从下拉列表选择，数据验证。）
文章目录数据格式.单元格格式 1. 快捷键 2. 自动调整列/行宽 3. 条件格式 4. 日期设置 5. 星期设置 6. 时间设置 7. 特殊数字 8. 选中多个填充,ctrl选中,输入100,ct ...
微信小程序----日期时间选择器（自定义精确到分秒或时段）（MUI日期时间）
效果体验二维码(外联图片失效了) 如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢! 声明 bug:由于此篇博客是在bindcolumnchange事件中做的值的改变处 ...
Element UI 日期范围选择器限制只能选今天之前的时间，或者只能选今天之后的时间
<el-date-pickerv-model="value"type="daterange"range-separator="至"pl ...
element date-picker range类型时间选择器限制选中前后7天的时间的方法
实现效果: 代码: <template><el-date-pickerv-model="dialogExportOrdersLog.time"type=" ...
elementPlus 日期时间选择器设置24小时制失效
最近使用 vue3+elementplus 做项目有用到elementplus的日期时间选择组件,后端要求的入参格式为: 年-月-日时:分, 而组件默认的是年-月-日时:分:秒,所以通过添加 f ...
android 闹钟时间选择,根据时间选择器设置闹钟android
如果你想有没有文本的按钮,你可以使用 android:layout_width="wrap_content" android:layout_height="wrap_co ...

【ElementUI】DateTimePicker 日期时间选择器，设置 disabledDate 禁用今天之后的时间后，今天的日期选择不了的问题

【ElementUI】DateTimePicker 日期时间选择器，设置 disabledDate 禁用今天之后的时间后，今天的日期选择不了的问题相关推荐

最新文章

热门文章