element-ui 日期选择器如何给默认时间

Question

看文档说default-value 打开时默认显示的时间
但是给了没作用，格式应该怎么写

Answer 1

就直接给el-date-picker的v-model赋值就行不用这个default-value 赋值代码

 var now = new Date();
 var startDate = new Date(Date.UTC(now.getFullYear(), now.getMonth(), now.getDate())).toISOString().slice(0, 10);
  var endDate = new Date(Date.UTC(now.getFullYear(), now.getMonth(), now.getDate()+1)).toISOString().slice(0, 10);
 this.date=[];
 this.date.push(startDate)
 this.date.push(endDate)

Answer 2

element ui 时间选择器

<el-date-picker
  size='small'
  value-format="yyyy/MM/dd"
  v-model="date"
  placeholder="请选择日期"
  type="date">
</el-date-picker>

vue 数据绑定

export default {
    data () {
        return {
            date: new Date() //绑定的时候 直接绑定的当前时间 就好了 
        }
    }
}

Answer 3

<el-form-item label="开始日期" prop="start_time">

          <el-date-picker
            lable="开始日期"
            v-model="formData.start_time"
            type="date"
            placeholder="选择日期"
            style="width: 100%;"
            format="yyyy-MM-dd "
            value-format="yyyy-MM-dd"
            @change="dateChange"
          >
          </el-date-picker>
        </el-form-item>          

js这样写
data () {
return {
formData: {

      start_time: ''

}
}
created () {
this.getTime()
},
method : {
getTime () {

    let date = new Date()
    let y = date.getFullYear()
    let m = date.getMonth() + 1
    let d = date.getDate()
    console.log(d)
    let time = y + '-' + m + '-' + d
    this.formData.start_time = time
  }

}
这样就能设置默认时间了，欢迎采纳

Answer 4

不是写了吗 可被new Date解析的毫秒数

Answer 5

不上代码直接提问的都是耍流氓

Answer 6

:default-value    //没有贴代码 不知道你加“ : ”没有

Answer 7

楼主解决了么，遇到了同样的问题？？

Answer 8

看了一下你的需求和我这边近期的一个需求很像，element官方的文档里说了 new Date()获取时间，确实是这个样子，但是要在获取之后做一些处理，其实很简单

export default {
 data() {
        let showDate =new Date();
        let seperator ='-';
        let year = showDate.getFullYear();
        let month = showDate.getMonth() + 1;
        let day =showDate.getDate();
        var strDate = showDate.getDate();
        if (month >= 1 && month <= 9) {
            month = "0" + month;
        }
        if (strDate >= 0 && strDate <= 9) {
            strDate = "0" + strDate;
        }
        let currentdate = year + seperator + month + seperator + strDate;
      return {
        TimeSpace: [currentdate,currentdate],//时间区间
        }
     }
   }

这是时间区间形式的，放在一个数组中，若是分为开始时间和结束时间的话就是对应start_time：currentdate,end_time:currentdate,希望可以帮助到你