【vue】-- element-ui datePicker

格式修改

Date显示年月日，传参String 

格式为"yyyy-MM-dd"
<!-- <el-date-picker v-if="$route.path == '/yesterday'" v-model="selectDay" type="date" value-format="yyyy-MM-dd" placeholder="选择日" @change="dataSearch" ></el-date-picker> -->
格式为"timestamp" 时间戳
<!-- <el-date-picker v-if="$route.path == '/yesterday'" v-model="selectDay" type="date"  value-format="timestamp" placeholder="选择日期" @change="dataSearch"></el-date-picker> -->

 

elementUI中日期插件如何设置默认日期为当前日期 el-date-picker设置默认日期方法

html

  <el-form-item label="调拨日期：" prop="stockDate">
      <el-date-picker
        :clearable="true"
        v-model="info.stockDate"
        type="date"
        placeholder="选择日期"
        format="yyyy 年 MM 月 dd 日"
        value-format="yyyy-MM-dd HH:mm:ss"
        :disabled="disabled"
      ></el-date-picker>
    </el-form-item>

js

 data() {
    return {
      info: {
        stockDate:this.getNowTime(),  //日期
      },
  },
 methods: {
	 //处理默认选中当前日期
	    getNowTime() {
	       var now = new Date();
	       var year = now.getFullYear(); //得到年份
	       var month = now.getMonth(); //得到月份
	       var date = now.getDate(); //得到日期
	       var hour =" 00:00:00"; //默认时分秒 如果传给后台的格式为年月日时分秒，就需要加这个，如若不需要，此行可忽略
	       month = month + 1;
	       month = month.toString().padStart(2, "0");
	       date = date.toString().padStart(2, "0");
	       var defaultDate = `${year}-${month}-${date}${hour}`;
	       console.log(defaultDate)
	       return defaultDate;
	       this.$set(this.info, "stockDate", defaultDate);
	    },
	 }