首页 > 数据库 >vxe-gird前端日期段查询,通过手工sql是有数据,但是在前端无数据。

vxe-gird前端日期段查询,通过手工sql是有数据,但是在前端无数据。

时间:2023-11-22 20:47:35浏览次数:34  
标签:dayjs form vxe 前端 gird let createDates null createDate

前端查询的时候,日期是返回这种数组:

["2023-11-01 20:00:00","2023-11-02 20:00:00"]

1、那么有二种方式,一直是直接传给服务端,由服务端去处理。

@RequestParam(value = "createDate[]", required = false) String[] createDates 用这种形式放到controller的参数列表里就可以。

2、前端处理好了,传给后端,然后返回。

查询方法中的参数,

let createDate_b = form.createDates != null ? form.createDates[0].toString().replace(/\"/g, '') : null;
let createDate_e = form.createDates != null ? form.createDates[1].toString().replace(/\"/g, '') : null;

然后

参数中处理如下:

createDate_b: dayjs(new Date(createDate_b)).format('YYYY-MM-DD HH:mm:ss'),
createDate_e: dayjs(new Date(createDate_e)).format('YYYY-MM-DD HH:mm:ss'),

这样参数的格式就正常了。

 

分析下具体的原因:

表面看参数是对的,但实际上,其实参数二侧多了一个"",导致查询不出数据来。

正常的参数,如下,(String)前面没有双引号。

 

整体查询方法:

import dayjs, { Dayjs } from 'dayjs';
  import weekday from 'dayjs/plugin/weekday';
  import localeData from 'dayjs/plugin/localeData';
  dayjs.extend(weekday);
  dayjs.extend(localeData);

 

 proxyConfig: {
      ajax: {
        query: async ({ page, form }) => {
          let createDate_b = null;
          let createDate_e = null;
          if (form.createDates != null) {
            createDate_b = form.createDates != null ? form.createDates[0].toString().replace(/\"/g, '') : null;
            createDate_e = form.createDates != null ? form.createDates[1].toString().replace(/\"/g, '') : null;
          }
          let params = {
            page: page.currentPage,
            pageSize: page.pageSize,
            createDate_b:
              createDate_b != null ? dayjs(new Date(createDate_b)).format('YYYY-MM-DD HH:mm:ss') : null,
            createDate_e:
              createDate_e != null ? dayjs(new Date(createDate_e)).format('YYYY-MM-DD HH:mm:ss') : null,
          };

          return getflows(params);
        },
        queryAll: async ({ form }) => {
          return await getflows(form);
        },
      },
    },

 

标签:dayjs,form,vxe,前端,gird,let,createDates,null,createDate
From: https://www.cnblogs.com/jiduoduo/p/17850237.html

相关文章

  • 前端项目实战叁佰伍拾陆react-admin和material ui-处理形成树状数据结构2
    dataProviders.getStyleTree('t_prod_category','t_prod_style').then((res:any)=>{console.log(res,"resssssssss")letarr:any=[]letarr1:any=[{key:0,title:"品类管理",......
  • 前端项目实战叁佰伍拾伍react-admin和material ui-处理形成树状数据结构1
    if(data!==undefined){lettemp:ITreeData[]=[{key:'0',title:'工厂管理',children:newArray<ITreeData>()}];//向从数据库查询到的数据中添加Tree结构所需要的字段,key使用id,title使用name;data.forEach(it=>{......
  • 屠龙少年终成恶龙,前端转产品的我给前端挖了个坑
    屠龙少年终成恶龙,前端转产品的我给前端挖了个坑前端转产品3周左右,把自己的一些感受通过《我转产品了-前端转产品是一种什么样的体验》这篇文章与大家分享,评论区惊现一波大佬。由于比较忙,不知不觉好像转眼间已经又过去一个多月,这次趁着周末没有开成会,给大家分享一下最近的『趣事』......
  • 前端学习-JavaScript学习-js基础05
    学习教程:黑马程序员视频链接对象了解<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Docum......
  • 前端vue经典面试题78道(重点详细简洁)
    前端vue经典面试题78道(重点详细简洁)目录1.自我介绍2.vue面试题1.v-show和v-if区别的区别:2.为何v-for要用key3.描述vue组件声明周期mm单组件声明周期图​父子组件生命周期图4.vue组件如何通信5.描述组件渲染和更新的过程1、vue组件初次渲染过程2、vue组件更新过程6......
  • 抖音预约服务小程序开发:前端与后端技术的完美融合
    开发抖音预约服务小程序成为了一种有趣而又实用的尝试。本篇文章,小编会与大家共同探讨抖音预约服务小程序开发的前端与后端技术融合的关键要点。 一、前端技术选择与设计1.小程序框架开发抖音预约服务小程序的前端,首先需要选择一个适用的小程序框架。2.用户界面设计抖音用户熟悉且......
  • 轻量级前端架构: 小程序技术助力超级app发展
    小程序这个由微信带头的产物,格外鲜明地体现了移动互联网的「时机」这个词,早在微信小程序之前,有力推轻应用的百度,有来自HTML5中国产业联盟的DCloud所主张的流应用,但最终却都已经淹没在了移动互联网的历史长河之中。唯有微信小程序风生水起,更是带动了巨头们的争相入场。轻量......
  • 最热的前端Web组态工具了解下(可视化)
    随着5G、物联网、大数据等技术的高速发展,各领域逐步向数字化、可视化的人工智能(AI)的方向不断迈进。全球进入工业4.0时代,标志着先进的信息技术于制造业紧密结合,将从单纯的生产要素向数据驱动、智能化、高度自动化的方向转型。2023即将结束,紧跟行业发展,小编整理了2023年几款最热......
  • 2023-11-21 {“errcode”:40029,“errmsg”:“invalid code, rid: xxx”} ==》后端保
    今天上午登一下小程序,登录失败,后端调查发现是微信登录的时候报了这个错误:{“errcode”:40029,“errmsg”:“invalidcode,rid:xxx”}原因:后端保存的appsecret和appid与前端的appid不匹配导致。解决方案:更新后端保存的appsecret和appid即可。......
  • 使用手机号实现注册功能、短信登录注册、前端登录注册
    使用手机号实现注册功能#前端传入的数据 {手机号,验证码,密码}#后端要验证数据--->序列化类#注意错误 1注册使用哪个序列化了:get_serializer_class2配置文件中debug必须是True,因为咱们有万能验证码--->正常流程这个不需要3把code,弹出来,加入用户名,你可以随机生......