首页 > 其他分享 >解决element-ui的date-picker组件的picker-options属性不生效的问题

解决element-ui的date-picker组件的picker-options属性不生效的问题

时间:2024-03-06 11:24:25浏览次数:29  
标签:picker compute 绑定 element date 属性

网上查半天都没查到,好像没人写,于是俺怀着激动的心情来记录下

项目来需求,说要控制日期选择的最大最小范围,看似简单,实则藏深坑!

小白的我天真地按照网上的例子(主要是官网也不给一个!)写完如下:

1.属性绑定

 2.数据绑定(这步错了别抄)

 错就错在第二步,它不应该绑定在data里吖,

后经高人指点,应该写在compute里,compute! 修改后的第二步如下:

 

好啦,这下就打工告成了,试了将近一天,总算看到灰掉的日期长啥样了,luei目!

 

顺便介绍一下背景,我的项目用的vue2+elementui2,即使element-plus废弃了pickerOptions这个属性 但还是能用(虽然中间一度以为是这个原因!)

感谢大佬,感谢社会。

标签:picker,compute,绑定,element,date,属性
From: https://www.cnblogs.com/Ilaria/p/18056127

相关文章

  • AT_abc287_g [ABC287G] Balance Update Query 题解
    分析一眼分块。用值域分块来维护。先把所有的值离散化,使得至于不大于$n+q$。统计一下每个值的数量,每个块包含值的数量,每个块的价值和。修改值的时候先把原来值的数量,块包含的数量,块的价值剪掉被修改值的贡献,然后在新的值上面更新。修改数量直接改数量的变化贡献即可。找前$x$......
  • AT_abc287_g [ABC287G] Balance Update Query 题解2
    分析权值线段树。给每个节点赋一个值$val$和$a_i=val$的$b_i$之和。修改$a_x$的时候先将$a_x$的出现次数在树上剪掉$b_x$,再在$y$上面加上;修改$b_x$的时候直接加上变化量$y-b_x$。由于我们是要取前$x$大的$a_i$之和,在询问的时候有限考虑右儿子,然后在是当前......
  • 详细vite创建vue3项目(vue3+vue-router+ts+vite+element-plus+pinia)
    详细vite创建vue3项目(vue3+vue-router+ts+vite+element-plus+pinia):https://blog.csdn.net/qq_44423029/article/details/126378199?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522170891147716800185818285%2522%252C%2522scm%2522%253A%252220140713.130102334..%2......
  • 网页浏览器Chrome开发者调试工具-Elements(元素)
    前言全局说明网页浏览器Chrome开发者调试工具-Elements(元素)一、Elements(元素)网页内容都是以元素为单位,比如一行字等等二、页面选择元素在页面上想要查看源码的地方,鼠标右键-审查,就能打开源码对应位置。三、元素工具打开审查页面后,在工具左上角点击后,就可以在页面......
  • List remote Git branches and the last commit's author and author date for each b
    Listingeachbranchanditslastrevision'sdateinGit ListremoteGitbranchesandthelastcommit'sauthorandauthordateforeachbranch.Sortbymostrecentcommit'sauthordate. #Credithttp://stackoverflow.com/a/2514279f......
  • no declaration can be found for element rabbit:connection-factory
    spring-mvc配置rabbitmq出现问题。我的解决方案如下: 1找到配置文件 spring-rabbitmq.xml我的配置文件叫:spring-rabbitmq.xml,你们按照自己的查找。 2定位如下URI接着Ctrl+鼠标左键 3确定spring-rabbit-x.x.xsd按照步骤2,会出现xsd文件 4修改spring-rabb......
  • UniDateTimePicker日期转换问题---“2024-03-05” is not a date and time
    这个问题是由于操作系统的日期格式与用StrToDate给UniDateTimePicker.dateTime赋值格式不一致造成的。注意:这个问题在使用UniGui的Standalone模式下没问题,在Windowsservice模式下会出现上述问题。可以在系统的主程序中设置一下系统日期格式:procedureSetDateTimeFormat();var......
  • ElementPlus+Vue3使用cdn方式编写页面及引入图标
    完整代码1<!DOCTYPEhtml>2<htmllang="en">34<head>5<metacharset="UTF-8">6<metaname="viewport"content="width=1000,initial-scale=1.0">7<title>模型管理&......
  • ElementUI——elementui2.0表格支持render渲染
    前言当前项目基于vue2.0+elementui来实现的,所以简单封装一个表格支持render函数来自定义渲染;内容custom-column封装自定义列的组件varcustomColumn={functional:true,render:(h,data)=>{constparams={row:data.props.row,column:dat......
  • vue2+Element-UI弹出层中带复选框的树结构反填
    vue2+Element-UI弹出层中带复选框的树结构反填前言​ 我们做RBAC时候做角色的权限设置时在弹出权限列表时可能需要反填该角色现有的权限,所以以下案例是个按简单的RBAC的角色权限的树结构的反填。案例​ 1、最关键的是树要有node-key属性,因为树的很多方法都要使用到这个属性<!......