<DatePicker v-model="searchCreateTime" type="daterange" placement="bottom-end" placeholder="选择创建时间区间" clearable ></DatePicker>
searchCreateTime:[‘‘, ‘‘],
createTimeStart: this.createTime[0],
createTimeEnd: this.createTime[1],
{"page":1,"limit":10,"status":"","wxcode":"","type":"","orderCode":"","userName":"","createTimeStart":"2020-06-07T16:00:00.000Z","createTimeEnd":"2020-06-10T16:00:00.000Z"}
SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd‘T‘HH:mm:ss.SSS‘Z‘");
df.setTimeZone(TimeZone.getTimeZone("UTC"));
SimpleDateFormat dfMy = new SimpleDateFormat("yyyy-MM-dd");
String createTimeStart = StringISNULLUtil.mapToString(searchPreamMy.get("createTimeStart"));
String createTimeEnd = StringISNULLUtil.mapToString(searchPreamMy.get("createTimeEnd"));
if (createTimeEnd != null && !"".equals(createTimeEnd)) {
map.put("createTimeEnd", dfMy.format(df.parse(createTimeEnd))+" 23:59:59");
} else {
map.put("createTimeEnd", "");
}
if (createTimeStart != null && !"".equals(createTimeStart)) {
map.put("createTimeStart", dfMy.format(df.parse(createTimeStart))+" 00:00:00");
} else {
map.put("createTimeStart", "");
}
<DatePicker v-model="auditTime" @on-change="setOption" type="daterange" format="yyyy-MM-dd" placement="bottom-end" placeholder="选择注册开始时间以及结束时间" ></DatePicker>
2.js vue 定义:
auditTime:[‘‘,‘‘],
3.on-change 设置:
setOption(date) {
this.auditTime = date;
},
4.取值:
createTimeStart:this.auditTime[0],
createTimeEnd:this.auditTime[1],
5.后端不需要任何处理,直接接受参数即可
userSearch.setCreateTimeEnd(StringISNULLUtil.mapToString(searchPreamMy.get("createTimeEnd")));
userSearch.setCreateTimeStart(StringISNULLUtil.mapToString(searchPreamMy.get("createTimeStart")));
iview DatePicker daterange data month UTC格式化问题
原文：https://www.cnblogs.com/yysbolg/p/13144063.html