自学内容网 自学内容网

Vue之el-date-picker日期选择器标签—选择日期范围,数据格式:yyyy-MM-dd HH:mm:ss,设置默认时间:HH:mm:ss

Vue之el-date-picker日期选择器标签—选择日期范围,数据格式:yyyy-MM-dd HH:mm:ss,设置默认时间:HH:mm:ss

需求是选择日期范围,即只能选择日期,但是想要的数据格式带有时间:yyyy-MM-dd HH:mm:ss,而且开始时间为00:00:00,结束时间为23:59:59

element网页示例

https://element.eleme.cn/#/zh-CN/component/date-picker
在这里插入图片描述
在这里插入图片描述

Html代码

type=“daterange”:日期范围选择
value-format=“yyyy-MM-dd HH:mm:ss”:数据格式
:default-time="[‘00:00:00’, ‘23:59:59’]:默认开始时间和结束时间

<el-date-picker
  v-model="mydate"
  type="daterange"
  range-separator=""
  start-placeholder="开始日期"
  end-placeholder="结束日期"
  value-format="yyyy-MM-dd HH:mm:ss"
  :default-time="['00:00:00', '23:59:59']">
</el-date-picker>

原文地址:https://blog.csdn.net/weixin_42949219/article/details/142953907

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!