Element框架中，将YYYY-MM-DD的日期字符串手动写入到日期选择器中，提交表单，在验证的时候会报错，怎么处理？

Question

当本宝宝提交了一个日期数据之后
如果想修改这个表单 下次再次打开这个页面 需要从数据库中把之前提交的数据再拿回来
这时这个日期数据是YYYY-MM-DD的形式存储的
这时本宝宝想把这个数据放回日期选择器后，这时当本宝宝提交修改，表单验证的时候会报错

这个报错的意思就是表单验证只能识别date（）对象的数据吧？
本宝宝试过 如果本宝宝重新用日期选择器再选择一个日期 表单验证就能通过了

也就是说 当页面初始化时 日期选择器的数据是从后台拿过来然后本宝宝手动写入到日期选择器的表单中的 这时直接再点提交的话就会报错

Answer 1

你用@input试一下，如下
<el-form ref="newForm" :model="form">

    <el-date-picker
  v-model="form.orderTime"
  type="date"
  placeholder="选择日期"
  :picker-options="pickerOptions0"
  @input="change">
</el-date-picker>
</el-form>

    change(value){
var time= new Date();
    this.form.orderTime = time.format("YYYY-MM-DD");
      console.log( this.form.orderTime)
    },

Answer 2

刚刚我也遇到了这个问题，默认的就是YYYY-MM-DD;
要想取到值，需要在datepick组件是加上@change事件

<el-date-picker @change="setEndDate" v-model="bannerData.endDate" type="date" placeholder="选择日期" :picker-options="pickerOptions0">
                            </el-date-picker>

  setEndDate(val) {
            this.bannerData.endDate=val;
        }

Answer 3

现在前端真是什么人都有了，还有宝宝也来学前端？如果是成年人自称，平时生活中开玩笑就算了，问专业问题还自称本宝宝，是男的就是个恶心变态GAY,女的呵呵