VUEJS入坑日记.2 -DatePicker设置默认日期
iview中DatePicker 的value属性和v-modal不能同时使用。<FormItem prop="s_date" label="出生日期:"><DatePicker type="date" format="yyyy-MM-dd"placeholder="
·
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>
更多推荐
已为社区贡献4条内容
所有评论(0)