Iview DatePicker 限制选择当前月份及以后的月份

更新时间：2024年11月18日 11:24:32 作者：Э时间行者于我

文章介绍了如何使用iviewDatePicker组件限制用户只能选择当前月份及以后的月份,并提供了相关的html代码和js代码示例,感兴趣的朋友跟随小编一起看看吧

iview DatePicker之前月份禁用且下月可用

iview date

html代码

<DatePicker type="month" :options="options4" :value="dialogForm.estimatedStartTimeWithCreate" @on-change="monthTime($event, 'loadDateStart')" placeholder="请选择时间" class="itemMonth" style="width: 210px"></DatePicker>

js代码

data() {
    return {
    dialogForm: {
        estimatedStartTimeWithCreate: '', // 绑定的日期值
      },
		options4: {
	        disabledDate(date) {
	          const disabledDay = new Date()
	          return date && date.valueOf() < disabledDay.setMonth(disabledDay.getMonth() - 1)
	        }
      }
   }
},
methods: {
	monthTime(val) {
      console.log('monthTime:', val)
      this.dialogForm.estimatedStartTimeWithCreate = val
    }
}

到此这篇关于Iview DatePicker 仅允许选择当前月份及以后的月份的文章就介绍到这了,更多相关Iview DatePicker仅允许选择当前月份内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

Bootstrap基本组件学习笔记之缩略图(13)
这篇文章主要为大家详细介绍了Bootstrap基本组件学习笔记之缩略图,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
javasript实现密码的隐藏与显示
用户输入密码时都是显示的星号了，那么我们希望查看明文要怎么查看呢，下面我们只要使用一段简单的js就可以实现查看密码框的明文了，有需要的小伙伴可以来参考下。
2015-05-05
JavaScript网页定位详解
本篇文章主要是对JavaScript网页定位进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-01-01
探究一道价值25k的蚂蚁金服异步串行面试题
这篇文章主要介绍了探究一道价值25k的蚂蚁金服异步串行面试题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-08-08
JS对象的深度克隆方法示例
这篇文章主要介绍了JS对象的深度克隆方法,结合实例形式分析了JavaScript深度克隆的实现技巧,需要的朋友可以参考下
2017-03-03
一款JavaScript压缩工具：X2JSCompactor
一款JavaScript压缩工具：X2JSCompactor...
2007-06-06
layui 解决富文本框form表单提交为空的问题
今天小编就为大家分享一篇layui 解决富文本框form表单提交为空的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-10-10
jJavaScript中toFixed()和正则表达式的坑
这篇文章主要介绍了jJavaScript中toFixed()和正则表达式的坑，toFixed方法可以把Number四舍五入为指定小数位数的数字，具体详细内容需要的小伙伴可以参考一下
2022-04-04
微信小程序实现带滑块的进度条
这篇文章主要为大家详细介绍了微信小程序实现带滑块的进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-06-06
详解用js代码触发dom事件的实现方案
这篇文章主要介绍了详解用js代码触发dom事件的实现方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-06-06