VUEJS入坑日記.2 -DatePicker設定預設日期
阿新 • • 發佈:2019-02-13
iview中DatePicker 的value屬性和v-modal不能同時使用。
<FormItem prop="s_date" label="出生日期:">
<DatePicker type="date" format="yyyy-MM-dd" placeholder="-請選擇-" :value="value1" v-model="formInline.s_date" :transfer="true"></DatePicker>
</FormItem>
<script>
export default {
data () {
return {
value1: '2016-01-01',
formInline:{
s_date:''
}
}
}
}
</script>
這樣DatePicker的預設值是空,也就是formInline.s_date的值,點選後預設當前日期。給DatePicker設定預設日期,只需設定formInline.s_date的值。正確程式碼如下:
<FormItem prop="s_date" label="出生日期:" >
<DatePicker type="date" format="yyyy-MM-dd" placeholder="-請選擇-" v-model="formInline.s_date" :transfer="true"></DatePicker>
</FormItem>
<script>
export default {
data () {
return {
formInline:{
s_date:'2016-01-01'
}
}
}
}
</script>