H5页面(vue-antdesign)
<a-col :md="6" :sm="24">
<a-form-item
label="创建时间"
:labelCol="{span: 6, offset: 0}"
:wrapperCol="{span: 18, offset: 0}"
>
<a-range-picker
:allowClear="false"
v-model="createTime"
style="width: 100%"
format="YYYY-MM-DD"
:placeholder="['请选择', '请选择']"
@change="onChangeDate"
/>
</a-form-item>
</a-col>
json提交格式:format=“YYYY-MM-DD”
后续的时间格式HH:mm:ss 默认为00:00:00
@change=“onChangeDate”
时间参数:startTime,endTime
vue的时间传参的方法
onChangeDate(value, dateString) {
this.queryParams.startTime = dateString[0];
this.queryParams.endTime = dateString[1];
},
查询对象参数java
endtime加一天
json提交格式:format=“YYYY-MM-DD”
拿@DateTimeFormat来转回Date类型
/**
* 开始时间
*/
@DateTimeFormat(pattern = "yyyy-MM-dd")
private Date startTime;
public void setEndTime(Date endTime) {
Calendar c = Calendar.getInstance();
c.setTime(endTime);
// +1天
c.add(Calendar.DAY_OF_MONTH, 1);
endTime = c.getTime();
this.endTime = endTime;
}
/**
* 结束时间
*/
@DateTimeFormat(pattern = "yyyy-MM-dd")
private Date endTime;
mapper的sql
过滤条件between startTime and endTime