Vue实现开始时间和结束时间范围查询本⽂实例为⼤家分享了Vue实现开始时间和结束时间范围的查询⽅法，供⼤家参考，具体内容如下
效果图：
代码实现：
OrderList.Vue
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="下单⽇期">
<a-range-picker size="large" format="YYYY-MM-DD" @change="onDateChange" />
</a-form-item>
</a-col>
methods: {
onDateChange(date, dateString) {
console.log(dateString[0])
console.log(dateString[1])
this.beginDate = dateString[0]
this.finishDate = dateString[1]
}
}
OrderConntroller.java
/**
* 分页列表查询
*
* @param order
* @param pageNo
* @param pageSize
* @param req
* @return
*/
@AutoLog(value = "订单-分页列表查询")
@ApiOperation(value = "订单-分页列表查询", notes = "订单-分页列表查询")
@GetMapping(value = "/list")
public Result<?> queryPageList(Order order,
@RequestParam(name = "pageNo", defaultValue = "1") Integer pageNo,
@RequestParam(name = "pageSize", defaultValue = "10") Integer pageSize,
HttpServletRequest req) {
QueryWrapper<Order> queryWrapper = QueryGenerator.initQueryWrapper(order, ParameterMap());
ParameterMap().get("beginDate") !=null){
String beginDate = ParameterMap().get("beginDate")[0];
String finishDate = ParameterMap().get("finishDate")[0];
if (!StringUtils.isEmpty(beginDate) || StringUtils.isEmpty(finishDate)) {
DateTime beginOfDay = DateUtil.beginOfDay(DateUtil.parse(beginDate));
DateTime endOfDay = dOfDay(DateUtil.parse(finishDate));
<("create_time", beginOfDay).le("create_time", endOfDay);
}
}
LoginUser sysUser = (LoginUser) Subject().getPrincipal();
Set<String> roles = Username());
vue element admin
if(!ains("admin")){
queryWrapper.eq("user_name",Username());
}
Page<Order> page = new Page<Order>(pageNo, pageSize);
IPage<Order> pageList = orderService.page(page, queryWrapper);
return Result.ok(pageList);
}
以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。