关于elementUI中datepicker遇到的问题

最新推荐文章于 2024-05-27 11:39:56 发布

原创最新推荐文章于 2024-05-27 11:39:56 发布 · 4.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#datePicker # further occurrences of HTTP header

小记专栏收录该内容

5 篇文章

订阅专栏

本文探讨了在使用Element UI的Date-Picker组件时遇到的URL参数错误问题，详细记录了从发现错误到问题解决的过程，并分析了错误原因可能是由于参数传递格式不正确导致。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用date-picker组件时

<el-date-picker
              size="small"
              v-model="dataForm.time"
              type="daterange"
              align="right"
              unlink-panels
              range-separator="-"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              value-format="yyyy-MM-dd"
              :picker-options="pickerOptions2">
               </el-date-picker>

同时采取

        this.$http({
          url: this.$http.adornUrl('/tos/edi/ediLog/list'),
          method: 'get',
          params: this.$http.adornParams({
            'page': this.pageIndex,
            'limit': this.pageSize,
            'rangeTime': this.dataForm.time
          })

的方式向后台提交

在该处选择时间段后向后台提交时出现
Note: further occurrences of HTTP header parsing errors will be logged at DEBUG level.

java.lang.IllegalArgumentException: Invalid character found in the request target. The valid characters are defined in RFC 7230 and RFC 3986
的错误，在网上查说是请求参数的问题，在开发者工具中获取到的请求url为
http://localhost:8080/xxxLog/list?t=1551769503850&page=1&limit=10&rangeTime[]=2019-02-26&rangeTime[]=2019-03-05
因此怀疑是否是和这两个rangeTime有关，于是尝试将时间段分开成两个时间向后台传送，即：

        this.$http({
          url: this.$http.adornUrl('/tos/edi/ediLog/list'),
          method: 'get',
          params: this.$http.adornParams({
            'page': this.pageIndex,
            'limit': this.pageSize,
            'beginTime': this.dataForm.time[0],
            'endTime':this.dataForm.time[1]
          })

问题解决，但是这个报错的原因仍然不是很清楚，只是觉得肯定和url有关，还恳请各位大佬指点一下~