iview 日期 datetimerange
参考链接:https://blog.csdn.net/Gas_station/article/details/84632154。问题:每次点击编辑按钮进入到编辑页面,活动时间明明有值,却还是提示请选择活动时间。解决办法:v-model 修改为 :value。百度搜索关键字:iview 日期 prop。
·
问题:每次点击编辑按钮进入到编辑页面,活动时间明明有值,却还是提示请选择活动时间。
原因:值没绑定上
解决办法:v-model 修改为 :value
<Form-item label="活动时间" prop="timeRange">
<div style="display: flex">
<Date-picker transfer type="datetimerange" format="yyyy-MM-dd HH:mm:ss" @on-change="timeChange" :value="formItem.timeRange" :editable="false" placeholder="请选择活动开始时间与截止时间" class="width-400" :disabled="operate == 'detailOpt'">
</Date-picker>
</div>
</Form-item>
data() {
return {
// 表单校验
ruleValidate: {
timeRange: [{
required: true,
type: 'array',
fields: {
0: {
required: true,
message: '请选择活动时间',
trigger: 'change',
type: 'string'
},
1: {
required: true,
message: '请选择活动时间',
trigger: 'change',
type: 'string'
}
}
}],
},
};
},
解决问题的过程:
百度搜索关键字:iview 日期 prop
参考链接:https://blog.csdn.net/Gas_station/article/details/84632154
更多推荐
已为社区贡献1条内容
所有评论(0)