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

用户4344670

发布于 2019-08-28 10:45:34

2.5K0

发布于 2019-08-28 10:45:34

文章被收录于专栏：vue的实战vue的实战

时间格式转换的问题.png

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

日期组件的引入

      <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() 会提示找不到。

      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);
    
      }