1. 程式人生 > >VUEJS入坑日記.2 -DatePicker設定預設日期

VUEJS入坑日記.2 -DatePicker設定預設日期

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>