首页 > 其他分享 ><el-date-picker清空格式不正确

<el-date-picker清空格式不正确

时间:2024-08-05 15:29:23浏览次数:12  
标签:picker el set searchTimeData 清空 date array null newValue

在使用element组件的时间选择器时,自带的清楚按钮清空的数据格式不正确,默认是清空为NULL,但是我需要的是空数组.

          <el-date-picker
              v-model="searchTimeData"
              type="daterange"
              align="right"
              unlink-panels
              range-separator="|"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :picker-options="pickerOptions"
              style="margin-left: 10px">
          </el-date-picker>

 

 

增加watch及时清除数据为指定格式

  watch: {
    searchTimeData(newValue) {
      if (newValue === null) {
        this.searchTimeData = [];
        console.log('searchTimeData was set to null, resetting to empty array');
      }
    },
    exportTime(newValue) {
      if (newValue === null) {
        this.exportTime = [];
        console.log('searchTimeData was set to null, resetting to empty array');
      }
    }
  },

 

标签:picker,el,set,searchTimeData,清空,date,array,null,newValue
From: https://www.cnblogs.com/fan-wang/p/18343300

相关文章

  • Parallels Desktop19.3.0虚拟机软件可以让你在Mac上同时运行Windows、Linux等多个系统
    ParallelsDesktop19,一个虚拟机软件,可以让你在Mac上同时运行Windows、Linux等多个系统。听起来是不是很厉害?但其实它还有更多隐藏的小技巧等着你去发现。如果你还在因为Mac和Windows之间的不兼容而苦恼,那么ParallelsDesktop19就是你的救星。它可以帮助你轻松地在Mac上运行Win......
  • Parallels Desktop19Mac就是这样一个神器!在Windows和Mac之间反复切换横跳!
    在Windows和Mac之间反复横跳,是很多职场人的常态。Windows系统生态完善,软件丰富;而Mac的优雅设计、出色的性能以及稳定的系统体验也让人难以舍弃。但鱼与熊掌不可得兼,两个系统来回切换,需要准备两台电脑,既麻烦又占用空间,还增加了经济负担。如果一台电脑可以同时运行两个操作系......
  • ORA-01555 caused by SQL statement below (SQL ID
    在Oracle数据库种,比较常见的一个错误是ORA-01555。报错如下:我依据这个sql_id去找对应的sql,发现通常是如下类似的sql。即程序的sql中嵌入一个具体的包含日期的条件,这个sql在执行的初期由于数据量较少,大概没有什么问题,但是一年两年数据越来越大,就会出现ORA-01555,即要查找的......
  • delphi 导出到excel的7种方法
    delphi导出到excel的7种方法本文来自爱好者8888的CSDN博客,全文地址请点击:https://blog.csdn.net/kpc2000/article/details/17066823?utm_source=copy===================================================================================================第一种方法d......
  • Delphi Format 格式化数字
    Format('x=%d',[12]);//'x=12'//最普通Format('x=%3d',[12]);//'x=12'//指定宽度Format('x=%f',[12.0]);//'x=12.00'//浮点数Format('x=%.3f',[12.0]);//'x=12.000'//指定小数Format('x......
  • 解决境内无法访问Vercel项目
    解决境内无法访问Vercel项目通过Vercel绑定自定义域名,以实现国内访问Vercel部署的项目。以下是具体步骤:以腾讯云为例,进入“域名注册”-“我的域名”-“解析”-“添加记录”-"添加主机记录(@、www)和记录值(76.76.21.21)"。回到Vercel已部署项目的设置页面,进入“Settings”-......
  • SciTech-BigDataAI-ImageProcessing-OpenCV-Splitting and Merging Channels with Ope
    Links:https://pyimagesearch.com/2021/01/23/splitting-and-merging-channels-with-opencv/OpenCVOfficial:https://docs.opencv.org/3.4/d3/df2/tutorial_py_basic_ops.htmlSplittingandMergingImageChannelsSometimesyouwillneedtoworkseparatelyonth......
  • 视频笔记软件JumpVideo技术解析一:Electron案例-调用VLC播放器
              大家好,我是TheGodOfKing,是最强考研学习神器,免费视频笔记应用JumpVideo,可以快速添加截图时间戳,支持所有笔记软件,学习效率MAX!的开发者之一,分享技术的目的是想找到更多志同道合的人,如果有大学生加入,我们还允许他把项目作为毕设(只有一个名额哟)群(689978959),那么今......
  • AI6-PPOCRLabel带GPU训练
    一、移动PPOCRLabel  从anconda安装目录中找到PPOCRLabel文件夹,移动到PaddleOCR-release-2.8文件夹下   二、启动PPOCCRLabel  cmd命令行进入paddle_py38环境,使用PPOCRLabel--langch来启动PPOCRLabel   三、打开图片文......
  • 6.1.1 FUEL单无人机自主搜索
    6.1.1单无人机自主搜索参考教程:HKUST-Aerial-Robotics/FUEL:AnEfficientFrameworkforFastUAVExploration(github.com)1.查看系统环境要运行本仿真程序,需要保证当前环境为ubuntu18.04+ros-melodic-desktop-full查看ubuntu版本:rosnoetic@rosnoetic-VirtualBo......