el-date-picker 禁止选择当前年之前或者之后的年份

这篇具有很好参考价值的文章主要介绍了el-date-picker 禁止选择当前年之前或者之后的年份。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

  <el-date-picker v-model="ruleForm.years" type="year" :disabled-date="pickerOptions"
   placeholder="请选择获奖年度" class="wih-650p" value-format="YYYY" />
  • 之前
const disabledDateFun = (time: any) => {
    if (time.getTime() < new Date().getTime()) {
        return time.getTime() <= new Date().getTime() - 1 * 8.64e7; //时间范围必须是时间戳
    }
};
  • 之后
const pickerOptions = (time: any) => {
    return new Date().getFullYear() < time.getFullYear();
};

效果图:

el-date-picker 禁止选择当前年之前或者之后的年份,Vue,vue.js,前端,javascript文章来源地址https://www.toymoban.com/news/detail-697371.html

到了这里,关于el-date-picker 禁止选择当前年之前或者之后的年份的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • element-ui 日期时间选择器el-date-picker 设置禁止选择日期

    使用日期选择器时,有的时候需要禁止选择一些日期,我们可以通过快捷选项 picker-options 对象中的禁用日期属性 disabledDate 来设置。

    2024年02月11日
    浏览(48)
  • vue+element-ui的el-date-picker时间选择器只能选择当前周

    最近遇到一个这样一个需求,开始时间和结束时间只能选择当前周时间,而且结束时间不能比开始时间早; 上效果图:  结构文件 js代码

    2024年02月13日
    浏览(50)
  • 前端 element-ui el-date-picker日期选择器限制只能选择当月时间,禁止跨月功能

     实现效果:  代码实现:

    2024年01月24日
    浏览(59)
  • Vue+Element ui el-date-picker默认当前年月日时分秒并且可再次选择

    el-date-picker 通常都是时间选择器获取焦点的时候获取当前时间,现在的需求是表单进入时间框默认当前年月日分秒,并且可以再次获取选中时间。 下面是我的解决办法,希望可以帮到你们! 1.首先要v-model绑定时间选择器值 2.在Date方法中首先要使用new Date获取当前时间 其次是

    2024年02月11日
    浏览(52)
  • element-ui el-date-picker禁止手动输入

    element-ui的DateTimePicker组件为我们提供了 文本框可输入属性 editable=“false/true”,但是此属性只对外框有作用,内框还是能手动输入 但是需求需要我们外框内框都不允许输入只能选择,就需要我们自己写js代码处理,把组件里面的输入框变为可读,添加readonly属性 解决如下:

    2024年02月16日
    浏览(39)
  • element ui 中el-date-picker 默认展示当前日期

    v-model绑定 methods中添加按钮事件方法,给对应的v-model赋值

    2024年02月11日
    浏览(40)
  • el-date-picker:选择日期的限制

    目录 前言: 基本使用: 时间区间: 公司业务:选择一个日期区间,但是只能选择本月 day.js简化版1 day.js简化版2 element-ui作为vue的龙头ui组件库,深受前端开发者的喜爱。 本文着重记录如何使用el-date-picker日期选择器,怎么去限制选择日期。先上官网链接---el-date-picker 先看下

    2024年02月09日
    浏览(39)
  • el-date-picker限制选择的时间范围

     限制选择今天之前的时间,并且只能选择一天                 只能选择今天往后365天

    2024年02月10日
    浏览(46)
  • el-date-picker(日期时间选择)那些事

    用于记录工作和学习中遇到的问题 vue3+element-plus 日期时间格式转换 组件默认的格式:2024-02-01T16:00:00.000Z 需要转换成:YYYY-MM-DD HH:mm:ss

    2024年02月22日
    浏览(41)
  • 封装 element el-date-picker时间选择区间

    基于el-date-picker 处理满足项目需求。(:最多选择7天) 效果: 1 大于当前时间的以后日期禁选。2 选中时间的前后七天可选 (最多可查询7天数据)3

    2024年01月25日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包