element-plus 中 el-date-picker 怎么禁止选择之前的日期

忍冬 ⁡⁡ 2023-04-25 18:23:32

<el-date-picker

  v-model="oRuleForm.time"

  :disabled-date="fnDisabledDate"

  type="daterange"

  unlink-panels

  range-separator="至"

  start-placeholder="开始"

  end-placeholder="结束"

  :size="'default'"

  :popper-class="'g-create-code-picker'"

/>

 

/**

 * @desc 判断日期是否被禁用

 * @param v {Date} Date对象

 * @return {Boolean}

 * */

const fnDisabledDate = (v)=> {

  return v.getTime() < new Date().getTime() - 86400000; //- 86400000是否包括当天

}

...全文
521 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复

感谢分享

<el-date-picker

  v-model="oRuleForm.time"

  :disabled-date="fnDisabledDate"

  type="daterange"

  unlink-panels

  range-separator="至"

  start-placeholder="开始"

  end-placeholder="结束"

  :size="'default'"

  :popper-class="'g-create-code-picker'"

/>

 

/**

 * @desc 判断日期是否被禁用

 * @param v {Date} Date对象

 * @return {Boolean}

 * */

const fnDisabledDate = (v)=> {
  return v.getTime() < new Date().getTime() - 86400000; //- 86400000是否包括当天

}
vscodeElementUI代码提⽰智能提⽰问题 vs code 有很多安装包,通过包安装,我是⽤ Element UI Snippets,来达到智能提⽰ElementUI 输⼊关键字 对应智能提⽰ No. No. Trigger Key Trigger Key Element Tag Element Tag 1. elrow <el-row> 2. elcol <el-col> 3. elcon <el-container> 4. elas <el-aside> 5. elhe <el-header> 6. elma <el-main> 7. elfo <el-footer> 8. elcb #409EFF 9. elcs #67C23A 10. elcw #E6A23C 11. elcd #F56C6C 12. elci #909399 13. eltypo font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅⿊",Arial,sans-serif; 14. elb el-button Form Part No. No. Trigger Key Trigger Key Element Tag Element Tag 1. elr <el-radio> 2. elrg <el-radio-group> 3. elc <el-checkbox> 4. elcg <el-checkbox-group> 5. eli <el-input> 6. elit <el-input type="textarea"> 7. elin <el-input-number> 7. elin <el-input-number> 8. elsel <el-select> 9. elop <el-option> 10. elca <el-cascader> 11. elsw <el-swtich> 12. elsl <el-slider> 13. eltp <el-time-picker> 14. elts <el-time-select> 15. eldp <el-date-picker> 16. eldtp <el-date-picker type="datetime"> 17. elu <el-upload> 18. elra <el-rate> 19. elcp <el-color-picker> 20. eltr <el-transfer> 21. elf <el-form> 22. elfi <el-form-item> No. No. Trigger Key Trigger Key Element Tag Element Tag Data Part No. No. Trigger Key Trigger Key Element Tag Element Tag 1. elta <el-table> 2. eltac <el-table-column> 3. eltag <el-tag> 4. elpr <el-progress> 5. elprc <el-progress type="circle"> 6. eltree <el-tree> 7. elpa <el-pagination> 8. elba <el-badge> Notice Part No. No. Trigger Key Trigger Key Element Tag Element Tag 1. elal <el-alert> 2. elloads element-loading-* 3. elme this.$message({}) 4. elmebox this.$msgbox({}) 5. elmeal this.$alert({}) 6. elmecon this.$confirm({}) 7. elmepro this.$prompt({}) 8. elnoti this.$notify({}) 8. elnoti this.$notify({}) No. No. Trigger Key Trigger Key Element Tag Element Tag Navigation Part No. No. Trigger Key Trigger Key Element Tag Element Tag 1. elmen <el-menu> 2. elsubmen <el-submenu> 3. elmeni <el-menu-item> 4. eltabs <el-tabs> 5. eltabp <el-tab-pane>

25,854

社区成员

发帖
与我相关
我的任务
社区描述
欢迎加入鱼找水(一起学编程)社区,知识从未如此性感,学习从未如此快乐。社区活动丰富更有众多CSDN定制周边礼物,欢迎更多志同道合 爱学习 爱交流的朋友入驻社区,助您遨游在编程的海洋中!
后端前端框架服务器 个人社区 北京·海淀区
社区管理员
  • 鱼找水需要时间
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

欢迎各位加入【一起学编程】社区,本社区旨在为大家营造一个良好的学习技术沟通平台。

【在这里你可以干什么】

如果你有不能解决的编程问题,欢迎在此处提问:问题求助

如果你在接触前沿的技术,欢迎在此处分享:交流讨论

如果你目前在学习软件编程知识,欢迎在此处打卡:学习打卡

如果你想了解最近的CSDN活动,请看此处:社区活动

如果看到写的非常好的博客,欢迎此处收录:博文收录

【我们的愿景是什么】

没有学不会的东西,问题在于你肯不肯学。遇到不懂的知识点 前沿的技术,希望我们都能有一颗求知的心,乐于分享 互相督促学习。我们因CSDN这个大平台而相聚在这里,就像一条条离开水的鱼,希望在这里能够遨游在知识的海洋里。你我共勉

试试用AI创作助手写篇文章吧