在element ui中的日期时间选择组件中默认是00:00,现在需求是点击默认结束时间为当前时分秒，查了很多资料写的都不准确
需求：实现日期时间组件可选择当前日期，比如当前是2024年01月17号下午17：21 那选中时必须结束时间为17：21 也可选01月17号当天其他的时间（很多文章超过17：21都不能选了，搞得我头疼
效果如下：
不多说，上代码：
:default-time="['00:00:00', new Date().toLocaleTimeString('chinese', { hour12: false })]"
设置当前默认结束时间new Date().toLocaleTimeString(‘chinese’, { hour12: false })
布局
这里主要代码是文章来源：https://www.toymoban.com/news/detail-800449.html
<el-form-item prop="carDate">
<el-date-picker
v-model="ruleForm.carDate"
:picker-options="pickerOptions"
type="datetimerange"
value-format="yyyy-MM-dd HH:mm:ss"
:default-time="['00:00:00', new Date().toLocaleTimeString('chinese', { hour12: false })]"
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间"
>
</el-date-picker>
</el-form-item>
校验
pickerOptions: {
disabledDate: time => {
return time.getTime() > Date.now()
}
},
难点：默认选中当前时分秒文章来源地址https://www.toymoban.com/news/detail-800449.html
到了这里，关于el-date-picker默认结束为当前时分秒的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
