element-ui日期选择器的日期格式转换(d.getFullYear() 提示找不到。)

时间格式转换的问题.png

我们期望的格式： 2019-04-30 ~ 2019-05-03

日期组件的引入

代码语言：javascript复制

      <el-date-picker
        :picker-options="pickerOptions"
        v-model="value1"
        :change = "change"
        type="daterange"
        range-separator="~"
        :start-placeholder="a"
        :end-placeholder="b"
      >
      </el-date-picker>

---

时间必须用： var d = new Date( )格式来转换 如果没有用 new Date(); 那么有可能 d.getFullYear() 会提示找不到。

代码语言：javascript复制

      change(val) {
        this.mark = 1;
   
        // console.log(val[0]);
        // var d =val[0];
        // var d1 = val[0];
        var d = new Date(val[0]);   
        var d1 = new Date(val[1]);
        var startDate =
          d.getFullYear()   "-"   (d.getMonth()   1)   "-"   d.getDate()   " ";
        var endDate =
          d1.getFullYear()   "-"   (d1.getMonth()   1)   "-"   d1.getDate()   " ";
        this.date = startDate   "~"   endDate;
        // console.log(this.date);
    
      }

---

结果得到正确的时间格式 2019-1-30 ~2019-4-30

正确的时间格式.png

date png var

0 人点赞