element ui的日期选择器日期格式问题

Question

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

js:

bannerData: {
                startDate: '',
                endDate: ''
            }
            
...
console.log(bannerData.startDate);
//Wed Jul 26 2017 00:00:00 GMT+0800 (中国标准时间)

时间格式不是这种 2017-07-26?
怎么解决？

Answer 1

已在官方文档找到解决方案：
加上@change事件，然后赋值

setStartDate(val) {
            console.log(val);
            this.bannerData.startDate=val;
        },
  setEndDate(val) {
            this.bannerData.endDate=val;
        }

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

Answer 2

在前端或者后端做转换就可以了，如果这个数据只在前端使用，在需要用到的地方转换，或者使用计算属性进行转换

如果这个数据需要通过 post 请求发到后端，可以在发请求的时候转换，或者在后端接受请求时转换

前端转换推荐使用 date-fns，后端根据具体语言选择