vue element-ui （DatePicker)日期选择器获取开始时间和结束时间

川长思鸟来 2023-06-29 05:42 30阅读 0赞

<el-date-picker
                v-model="formData.createTime"
                type="daterange"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              ></el-date-picker>

data() {
        return {
          formData: {
            createTime: [],
          },
        };
      },

得到的是一个数组，一个是开始时间，一个是结束时间  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxOTAyNzM3MDA3_size_16_color_FFFFFF_t_70]  
我写的时候还有一个坑，下面这个 至 字不完全显示 ![在这里插入图片描述][2020011016172089.png]  
正常情况应该是下面这种情况  
![在这里插入图片描述][20200110161822467.png]  
可以用样式穿透的方式 也可以加权重值

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxOTAyNzM3MDA3_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200110161300950.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3oxOTAyNzM3MDA3,size_16,color_FFFFFF,t_70
[2020011016172089.png]: https://img-blog.csdnimg.cn/2020011016172089.png
[20200110161822467.png]: https://img-blog.csdnimg.cn/20200110161822467.png