element框架时间日期组件date-picker的使用

element框架中的datePicker时间日期的组件的使用。

主要是需要将时间戳和字符串的相互转换。

<el-date-picker 
    v-model="ruleForm.createTime"
    type="datetimerange"
    range-separator="至"
    start-placeholder="开始日期"
    end-placeholder="结束日期"
    :default-time="['00:00:00', '23:59:59']"
    @change="timeRange"
></el-date-picker>

  data() {
        return { 
            createTime: [], // 开始时间  结束时间
        };
    },
  methods:{
    timeRange() {
    console.log(this.ruleForm.createTime);
    // 将时间转化成字符串;   时间对象转换成 时间戳
    this.ruleForm.begintime = this.ruleForm.createTime[0].getTime();
    this.ruleForm.endtime = this.ruleForm.createTime[1].getTime();
  }, 
}

 

// 日期组件的数据清空
// 需要将时间戳转换成时间对象
let start = new Date(Number(row.begintime));
let end = new Date(Number(row.endtime));
this.ruleForm.createTime = [start, end];
// console.log(this.ruleForm.createTime);
this.ruleForm.id = row.id;