在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 })
布局
这里主要代码是
<el-form-item prop="carDate"><el-date-pickerv-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()}},
难点:默认选中当前时分秒