Element 时间选择器 el-date-picker 精确到分

星辰.

已于 2024-01-18 15:52:22 修改

阅读量1k

点赞数 11

文章标签： vue.js elementui 前端前端框架 css

于 2024-01-18 15:39:44 首次发布

本文链接：https://blog.csdn.net/weixin_67385044/article/details/135676060

版权

1、效果图

2、根据官方文档，加上俩个属性即可，format="yyyy-MM-dd hh:mm" value-format="yyyy-MM-dd hh:mm" 这里要注意 HH是24小时制，hh是12小时制

<el-date-picker
        v-model="form.mappingTime"
        type="datetime"
        placeholder="选择日期时间"
        :picker-options="pickerOptions"
         format="yyyy-MM-dd HH:mm"
         value-format="yyyy-MM-dd HH:mm"
      ></el-date-picker>

3、定义属性

return {
      pickerOptions: {
        disabledDate(time) {
          let curDate = new Date().getTime();
          let three = 90 * 24 * 3600 * 1000;
          let threeMonths = curDate + three;
          return time.getTime() < Date.now() || time.getTime() > threeMonths; //选择当前时间之后和三个月内的
          // return time.getTime() > Date.now(); //选择当前时间之前的也写一下
        },
      },
      form: {
        mappingTime: "",
      },
    };