1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > elementUI日期选择时间器el-date-picker设置default-time无效

elementUI日期选择时间器el-date-picker设置default-time无效

时间:2024-06-23 01:07:51

相关推荐

elementUI日期选择时间器el-date-picker设置default-time无效

项目场景:

在使用elementUI日期选择时间器el-date-picker


问题描述:

设置default-time无效,导致不能按照范围选择时选中日期所使用的当日内具体时刻。

<el-form-item prop="createDate" label="创建时间"><el-date-pickerv-model="searchForm.createDate"type="daterange"size="small"align="right"value-format="yyyy-MM-dd hh:mm:ss"unlink-panels:default-time="defaulTime"range-separator="至"start-placeholder="开始日期"end-placeholder="结束日期"></el-date-picker></el-form-item>

data(){return{defaultTime: ['00:00:00', '23:59:59']}}


原因分析:

设置default-time无效,当选择查询时间时,返回得参数默认时12:00:00,没有按照default-time的范围。


解决方案:

value-format="yyyy-MM-dd HH:mm:ss" H必须大写

<el-form-item prop="createDate" label="创建时间"><el-date-pickerv-model="searchForm.createDate"type="daterange"size="small"align="right"value-format="yyyy-MM-dd HH:mm:ss"unlink-panels:default-time="defaulTime"range-separator="至"start-placeholder="开始日期"end-placeholder="结束日期"></el-date-picker></el-form-item>

此时,设置default-time生效了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。