element ui dataTimePiker日期时间选择器控制选择范围及时间转换总结

最新推荐文章于 2024-05-15 10:30:41 发布

码农小李、

最新推荐文章于 2024-05-15 10:30:41 发布

阅读量5.4k

点赞数 2

文章标签： javascript html5 html css

本文链接：https://blog.csdn.net/LiDeKang1/article/details/124075487

版权

一：这里设置的是控制日期选择范围最大不超过一周

1：如果想要控制时间的单位精确到分的话可以加上 format="yyyy-MM-dd HH:mm value-format="yyyy-MM-dd HH:mm" 这两个属性。

2.html部分设置:picker-options="pickerOptions" 这个属性开启格式化日期

            
            <el-date-picker
                v-model="formData.timer"
                type="datetimerange"
                unlink-panels
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                :picker-options="pickerOptions"
              />

3.js部分这里是写在data里面我这里控制的最大范围为一周

  data() {
  return {
      pickerMinDate: null,
      pickerMaxDate: null,
      day7: 7 * 24 * 3600 * 1000,
        pickerOptions: {
        // 限制时间
        // selectableRange: ['12:00:00 - 23:59:59'],
        //