本菜鸟最近第一次用vue做项目开发(前后端分离),在用Element ui的DatePicker的时候遇到问题,el-date-picker的type属性为"daterange"
将其v-model放到HashMap中传到后端会报如下异常:
百度后发现,这个daterage类型会产生一个数组,将其打印出来可以看到:
既然不能直接放进Map中那就拆开放好了,分别获取开始时间和结束时间,也就多几行代码而已
datePick(val){
this.dateRange = val
this.startTime = val[0]
this.endTime = val[1]
this.getSumData()
}
就可以传到后端了
总结:当type为"daterange"时,DatePicker日期选择器会产生数组类型数据,可以通过数组下标直接获取其开始时间和结束时 间。具体原因未知,仅作学习记录