鍍金池/ 問(wèn)答/HTML/ element-ui 日期選擇器如何給默認(rèn)時(shí)間

element-ui 日期選擇器如何給默認(rèn)時(shí)間

看文檔說(shuō)default-value 打開(kāi)時(shí)默認(rèn)顯示的時(shí)間
但是給了沒(méi)作用,格式應(yīng)該怎么寫(xiě)

回答
編輯回答
陌璃

<el-form-item label="開(kāi)始日期" prop="start_time">

          <el-date-picker
            lable="開(kāi)始日期"
            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這樣寫(xiě)
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
  }

}
這樣就能設(shè)置默認(rèn)時(shí)間了,歡迎采納

2017年4月10日 00:57
編輯回答
單眼皮

element ui 時(shí)間選擇器

<el-date-picker
  size='small'
  value-format="yyyy/MM/dd"
  v-model="date"
  placeholder="請(qǐng)選擇日期"
  type="date">
</el-date-picker>

vue 數(shù)據(jù)綁定

export default {
    data () {
        return {
            date: new Date() //綁定的時(shí)候 直接綁定的當(dāng)前時(shí)間 就好了 
        }
    }
}
2017年8月5日 03:58
編輯回答
做不到

不上代碼直接提問(wèn)的都是耍流氓

2018年5月8日 13:59
編輯回答
怣人

不是寫(xiě)了嗎 可被new Date解析的毫秒數(shù)

2018年3月13日 13:57
編輯回答
玄鳥(niǎo)

就直接給el-date-picker的v-model賦值就行不用這個(gè)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)
2018年3月22日 05:21
編輯回答
不將就

樓主解決了么,遇到了同樣的問(wèn)題??

2017年7月31日 09:12
編輯回答
玩控
:default-value    //沒(méi)有貼代碼 不知道你加“ : ”沒(méi)有
2017年10月14日 10:51