elementui 踩坑记录 DatePicker日期选择器清除后 调用接口 接口报错

已于 2022-10-10 08:59:50 修改
阅读量589 收藏
点赞数
文章标签： elementui javascript 前端
于 2022-10-08 17:01:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43643250/article/details/127212262
版权

时间选择器的血和泪

咱就是说，偶尔的clearable一下是真的会导致搜索的时候，给后端传入错误的参数，本来人家后端要个数组，咱就传了个time= 嘿，没东西了。所以需要判断一下

 if(this.Time){
        this.$set(this.listQuery,'Time',this.Time)
      }else{
        this.$set(this.listQuery,'Time',[])
      }

以上判断是我根据我自身需要加的
如有其他需要 可以自行修改代码哟~

一碗阿黑
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
基于angular.js的WUI-DatePicker日期选择器插件
06-11
一款功能强大基于angular.js的WUI-DatePicker日期选择器插件、时间选择器插件，支持选择年月日,选择年月,选择年月日,时分,选择年月日,时分秒,选择至今等功能。
ant design vue datepicker日期选择器中文化操作
01-18
按照ant design vue官方说明，使用日期选择器需要在入口文件(main.js)全局设置语言： // 默认语言为 en-US，如果你需要设置其他语言，推荐在入口文件全局设置 locale import moment from 'moment'; import 'moment/locale/zh-cn'; moment.locale('zh-cn'); 完成此步骤后，日期只有部分是中文的，并且年月顺序错误，查找了很多资料才发现，ant design
element时间选择器清空踩坑：TypeError: Cannot read property ‘0‘ of null
littleOneYuan的博客
07-08 1979
报错如下 [Vue warn]: Error in render: “TypeError: Cannot read property ‘0’ of null” vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read property ‘0’ of null 原因分析 在项目中使用了el-date-picker 在其清空后去取了date_range[0]导致报错 因为清空后date_range的值为null <el-date-picker
el-date-picker对应开始时间和结束时间，清除报错解决
卷发头的鲁智深的博客
07-11 4827
1、el-date-picker对应开始时间和结束时间时间段， 2、el-date-picker 点击清除报错解决
element ui日期选择器清除后报错了
YM_010530的博客
01-16 624
【代码】element ui日期选择器清除后报错了。
ElementUI DatePicker日期选择器清除后报错！
ctsyolo的博客
11-07 971
使用el-date-picker组件，默认带了这个属性，这个属性是用于显示清除按钮，我们点击这个按钮，控制台会报如下错误：我们的代码如下: 问题产生的原因 当点击清除后，data被赋值为null 所以报错了 可以先进行判断 为null就不进行赋值了
el-date-picker日期选择器清空后的回调
前端小陈的成长记录
07-19 2679
el-date-picker日期选择器清空后的回调
解决element日期组件清空后的报错，让你的页面不再崩溃
Shids_的博客
11-04 3037
解决element日期组件清空后的报错，让你的页面不再崩溃
使用element ui 的日期插件搜索清空时报错
这里是前端，是不一样的前端
06-12 770
1.先贴上一张图，供您看一看 Error in v-on handler: “TypeError: Cannot read property ‘0’ of null” 我这报错报了一个 property ‘0’ 为null ，其实再仔细一看是用的ui 插件日期的报错 2.上代码给您分析一下 1.element ui 组件库 <el-date-picker v-model="ruleForm.changeTime" size="small" type="daterange"
elementuiPlus+ts 清空时间选择器踩坑
m0_59006402的博客
05-16 407
这里需要注意的是 dateList.value 虽然是一个数组，但是用 dateList.value.length 判断的话，话报错，第二点就是 先给 dateList.value 置为空，然后再给 query 里面的 from(开始时间) to(结束时间) 置空。声明一下 我这个 需求是 时间是 搜索条件，然后 query 是定义的 传给后端 的参数对象。
Bootstrap datepicker日期选择器插件使用详解
08-29
主要为大家详细介绍了Bootstrap datepicker日期选择器插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
jquery.datePicker日期选择器text文本框弹出日历
10-27
jquery.datePicker日期选择器text文本框弹出日历
用VueJs制作的日期选择器 vue3 datepicker
03-14
日期选择器Vue组件 安装 npm install @hc/vue-datepicker --save 或者 yarn add @hc/vue-datepicker import { VueDatePicker } from '@hc/vue-datepicker' ; import '@hc/vue-datepicker/dist/vue-datepicker.min....
vue element-ui el-date-picker日期选择器 清空按钮之坑
热门推荐
li222248的博客
04-03 1万+
watch监听选择器 点击清空按钮时会报错 这是因为Element-ui中没有内置清除按钮的回调函数, 当点击清除按钮的时候，value会被设置为null。 因此要解决这个bug,我使用的方法是在下次调用之前，为value重新赋值 if (!newData) { newData = [] } 因为Element-ui中没有内置清除按钮的回调函数，所以clear事件不生效 我就在为value重新赋值时添加我要做的事： watch: { time_v
vue element-ui el-date-picker日期选择器 清空按钮
LJJONESEED的博客
11-18 4247
watch监听选择器 点击清空按钮时会报错 出现这种情况的原因是: 当点击清除按钮的时候，value会被设置为null。 <el-date-picker v-model="value2" type="daterange" align="right" unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pick
vue2修改弹框之日期的展示及点击旁边的小叉清空内容重新请求接口
qq_55681529的博客
06-07 269
在 做一个修改弹框的时候，绑定了v-model，但是时间就是不显示出来。这个由于对于我们的时间框，它有自己特定的值的展示方式。只需要在我们的代码加入这个API即可。
Element UI 日期选择器的坑--1
a99101的博客
02-08 164
时间选择器清空后出现null报错的原因和解决办法
work-notes（21）：element时间选择框，当clearable清除时间时，发现点击搜索请求变成了1970-01，而不是空，如何解决？
jinzai9976的博客
07-05 1656
elemenUI时间选择框，当clearable清除时间时，搜索时间变成了1970-01，而不是空；
vue3封装ElementUI plus Dialog弹窗
最新发布
阿狸演绎的博客
05-20 72
因为ElementuiPlus的dialog弹框的初始样式不太好看,而公司要求又要好看,本来是已经实现了,但是后来想想了发现封装完dialog的其他功能也要,所以特此记录一下。思路:封装一个组件,组件内部嵌套el-dialog,然后定义好公共样式,定义好方法,直接使用。思路:封装一个组件,将所有新增的参数引入el-dialog 参数中,实现参数共用。缺陷:因为很多属性定义好了,导致如果超出既定样式的方案就得重新调整代码。新建一个组件,将官网暴露的属性全部引用了。
elementUI中的DatePicker 日期选择器只能选择当前日期之前的时间,不能选择之后的时间
07-14
您好！对于Element UI中的DatePicker日期选择器，要限制只能选择当前日期之前的时间，而不能选择之后的时间，可以通过设置其`picker-options`属性来实现。 您可以在DatePicker组件上添加`picker-options`属性，然后设置`disabledDate`函数来限制可选择的日期范围。在`disabledDate`函数中，您可以判断当前日期是否大于今天，如果是则返回`true`禁用该日期，否则返回`false`启用该日期。 下面是一个示例代码： ``` <template> <el-date-picker v-model="selectedDate" :picker-options="pickerOptions" ></el-date-picker> </template> <script> export default { data() { return { selectedDate: null, pickerOptions: { disabledDate(time) { return time.getTime() > Date.now(); }, }, }; }, }; </script> ``` 在上面的示例中，`disabledDate`函数中的`time.getTime() > Date.now()`用于判断当前日期是否大于今天的时间，如果大于今天则会禁用该日期。 您可以根据自己的需求进行适当的修改。希望对您有帮助！如果还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值