el-date-picker结束时间默认23:59:59

##很多人在论坛上去搜都是长篇大论 其实解决它的关键代码
如下

 <el-date-picker

          v-model="searchFormField.end_date"

          default-time="['23:59:59']"

          type="datetime"

          placeholder="请选择结束时间"

          value-format="yyyy-MM-dd HH:mm:ss"

          class="input-width"

        ></el-date-picker>

重要的就是default-time="['23:59:59']"这个我看许多论坛博主都是加了一个冒号导致不适用

这里跟大家说一下 去掉冒号即可无需小题大做

                        
原文链接:https://blog.csdn.net/m0_74416922/article/details/137967359

### 实现方法 为了在 `el-date-picker` 选中的日期后自动添加 `23:59:59` 作为结束时间,可以利用组件的 `@change` 事件处理函数,在该函数内部调整所选日期的时间部分。 对于单个日期的选择器,可以在变更事件触发时手动设置时间为当天的最后一刻: ```javascript export default { data() { return { date: '' }; }, methods: { handleDateChange(value) { if (value) { const endTime = new Date(value); endTime.setHours(23, 59, 59, 999); // 设置小时、分钟、秒数以及毫秒数 this.date = endTime; console.log('Adjusted end time:', endTime.toLocaleString()); } } } }; ``` 当涉及到范围选择(即有起始时间结束时间),则应分别指定默认时间。这可通过配置 `:default-time` 属性完成,此属性接受数组形式输入,用于定义开始和结束时刻的具体时间值[^3]。 如果希望无论何时都强制使结束时间为当日最晚时刻,则可在 `@change` 处理程序内进一步加工返回的数据对象或数组,确保其符合预期格式并携带正确的终止时间戳。 另外一种方式是在模板中直接通过`:default-time`属性来设定默认时间,这样无需额外编写逻辑即可达到目的: ```html <el-date-picker v-model="taskTime" type="datetimerange" range-separator="-" start-placeholder="开始时间" end-placeholder="结束时间" :default-time="['00:00:00', '23:59:59']" <!-- 默认时间 --> ></el-date-picker> ``` 上述代码片段展示了如何使用 `:default-time` 来预设时间段内的初始显示时间,其中第一个元素代表开始时间而第二个则是结束时间
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值