Vue實(shí)現(xiàn)開始時(shí)間和結(jié)束時(shí)間范圍查詢
本文實(shí)例為大家分享了Vue實(shí)現(xiàn)開始時(shí)間和結(jié)束時(shí)間范圍的查詢方法,供大家參考,具體內(nèi)容如下
效果圖:
代碼實(shí)現(xiàn):
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, req.getParameterMap()); if(req.getParameterMap().get("beginDate") !=null){ String beginDate = req.getParameterMap().get("beginDate")[0]; String finishDate = req.getParameterMap().get("finishDate")[0]; if (!StringUtils.isEmpty(beginDate) || StringUtils.isEmpty(finishDate)) { DateTime beginOfDay = DateUtil.beginOfDay(DateUtil.parse(beginDate)); DateTime endOfDay = DateUtil.endOfDay(DateUtil.parse(finishDate)); queryWrapper.ge("create_time", beginOfDay).le("create_time", endOfDay); } } LoginUser sysUser = (LoginUser) SecurityUtils.getSubject().getPrincipal(); Set<String> roles = sysUserService.getUserRolesSet(sysUser.getUsername()); if(!roles.contains("admin")){ queryWrapper.eq("user_name",sysUser.getUsername()); } Page<Order> page = new Page<Order>(pageNo, pageSize); IPage<Order> pageList = orderService.page(page, queryWrapper); return Result.ok(pageList); }
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- vue filter 完美時(shí)間日期格式的代碼
- vue 中常見的時(shí)間格式轉(zhuǎn)換
- vue時(shí)間轉(zhuǎn)換的幾種方式
- vue el-date-picker動態(tài)限制時(shí)間范圍案例詳解
- Vue 防止短時(shí)間內(nèi)連續(xù)點(diǎn)擊后多次觸發(fā)請求的操作
- Vue時(shí)間軸 vue-light-timeline的用法說明
- ant-design-vue 時(shí)間選擇器賦值默認(rèn)時(shí)間的操作
- ant design vue中日期選擇框混合時(shí)間選擇器的用法說明
- vue格式化element表格中的時(shí)間為指定格式
相關(guān)文章
解決vue安裝less報(bào)錯Failed to compile with 1 errors的問題
這篇文章主要介紹了解決vue安裝less報(bào)錯Failed to compile with 1 errors的問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10基于vue-simplemde實(shí)現(xiàn)圖片拖拽、粘貼功能
這篇文章主要介紹了基于vue-simplemde實(shí)現(xiàn)圖片拖拽、粘貼功能,需要的朋友可以參考下2018-04-04vue中的el-tree @node-click傳自定義參數(shù)
這篇文章主要介紹了vue中的el-tree @node-click傳自定義參數(shù)方式,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-08-08vue2.x數(shù)組劫持原理的實(shí)現(xiàn)
這篇文章主要介紹了vue2.x數(shù)組劫持原理的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04vue+springboot+element+vue-resource實(shí)現(xiàn)文件上傳教程
這篇文章主要介紹了vue+springboot+element+vue-resource實(shí)現(xiàn)文件上傳教程,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10詳解Vue項(xiàng)目引入CreateJS的方法(親測可用)
CreateJS是基于HTML5開發(fā)的一套模塊化的庫和工具。這篇文章主要介紹了Vue項(xiàng)目引入CreateJS的方法(親測),需要的朋友可以參考下2019-05-05