iview date-picker options只可选当前日期之前的(当前之后的禁用)

更新时间：2024年12月10日 12:06:57 作者：Э时间行者于我

如果日期对象date的时间戳大于当前时间的时间戳,则该日期在当前日期之后,会被禁用,下面通过实例代码给大家介绍iview date-picker options只可选当前日期之前的,感兴趣的朋友跟随小编一起看看吧

iview date-picker options只可选当前日期之前的

如果日期对象date的时间戳大于当前时间的时间戳，则该日期在当前日期之后，会被禁用。

iview date

<template>
  <Row>
    <Col span="12">
      <DatePicker
         type="datetime"
         :options="options"
         :value="form3.resolutionTime"
         placement="bottom-start"
         placeholder="请选择时间"
         transfer
       ></DatePicker>
    </Col>
  </Row>
</template>
<script>
export default {
  data() {
    return {
   	  form3: {
        id: '',
        resolutionTime: '' // 解决时间
      },
      // 定义options限制只能选择当前日期之前的日期
      options: {
        disabledDate(date) {
          return date && date.valueOf() > Date.now();
        }
      }
    };
  }
};
</script>

到此这篇关于iview date-picker options只可选当前日期之前的(当前之后的禁用)的文章就介绍到这了,更多相关iview date-picker options当前日期之前内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

Bootstrap table使用方法汇总
这篇文章主要为大家总结了Bootstrap table简单使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-11-11
原生JS实现的简单小钟表功能示例
这篇文章主要介绍了原生JS实现的简单小钟表功能,涉及javascript结合定时器的数值运算与页面元素属性动态修改相关操作技巧,需要的朋友可以参考下
2018-08-08
JavaScript比较当前时间是否在指定时间段内的方法
这篇文章主要介绍了JavaScript比较当前时间是否在指定时间段内的方法,涉及javascript时间与字符串的转换及比较操作相关技巧,需要的朋友可以参考下
2016-08-08
JavaScript实现简易tab栏切换案例
这篇文章主要为大家详细介绍了JavaScript实现简易tab栏切换案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-06-06
微信JSAPI支付操作需要注意的细节
这篇文章主要介绍了微信JSAPI支付中所遇到的那些坑，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
通过js动态创建标签,并设置属性方法
下面小编就为大家分享一篇通过js动态创建标签，并设置属性方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-02-02
Bootstrap CSS布局之表单
这篇文章主要介为大家详细绍了Bootstrap CSS布局之表单的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
JavaScript根据json生成html表格的示例代码
这篇文章主要介绍了JavaScript根据json生成html表格的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-10-10
如何设置iframe高度自适应在跨域情况下的可用方法
iframe的高度需要根据子页面的实际高度来进行调整，但是如果子页面不在同一域中怎么办？这时候脚本没有办法获取到子页面的高度，存在JavaScript跨域的问题
2013-09-09
javascript插入样式实现代码
最近做一个项目，需要javascript动态插入样式，结果以前的方法失效了！查了2个小时的原因竟然是自己手贱，这个最后再说
2012-02-02