layDate插件设置开始和结束时间

 更新时间:2018年11月15日 15:50:30   作者:zj张静  
这篇文章主要为大家详细介绍了layDate插件设置开始时间和结束时间,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文教大家使用了laydate插件设置开始和结束时间,供大家参考,具体内容如下

用的laydate插件是layDate-v5.0.6,是新版本的;

效果是选择开始时间,选择结束时间的时候开始时间之前的时间不能选;

选择结束时间,选择开始时间的时候结束时间之后的时间不能选;

      function time(){
        //开始时间id="start",结束时间id="end";
        var start = {
          elem: '#start',
          type:'date',
          min: '2000-09-10',
          max: '2333-09-20',
          show: true,
          closeStop: '#start'
 
        };
        var end = {
          elem: '#end',
          type:'date',
          min: '2000-09-10',
          max: '2333-09-20',
          show: true,
          closeStop: '#end'
        };
        lay('#start').on('click', function(e){
          if($('#end').val() != null && $('#end').val() != undefined && $('#end').val() != ''){
            start.max = $('#end').val();
          }
          laydate.render(start);
        });
        lay('#end').on('click', function(e){
          if($('#start').val() != null && $('#start').val() != undefined && $('#start').val() != ''){
            end.min = $('#start').val();
          }
          laydate.render(end);
        });
 
 
      }

最后调用就行了;

因为我引用了jquery;

所以如果没有引用jquery的;获取元素的值可以换成原生的;

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • JavaScript事件委托技术实例分析

    JavaScript事件委托技术实例分析

    这篇文章主要介绍了JavaScript事件委托技术,实例分析了事件委托技术的原理、适用场合及用法实例,需要的朋友可以参考下
    2015-02-02
  • 理解JavaScript中Promise的使用

    理解JavaScript中Promise的使用

    这篇文章主要为大家介绍了JavaScript中Promise的使用,本文先介绍 Promises 相关规范,然后再通过解读一个迷你的 Promises 以加深理解,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 在JS中如何把毫秒转换成规定的日期时间格式实例

    在JS中如何把毫秒转换成规定的日期时间格式实例

    本篇文章主要介绍了在JS中如何把毫秒转换成规定的日期时间格式实例,非常具有实用价值,需要的朋友可以参考下
    2017-05-05
  • 整理Javascript基础入门学习笔记

    整理Javascript基础入门学习笔记

    整理Javascript基础入门学习笔记,之前一系列的文章是跟我学习Javascript,本文就是进一步学习javascript,希望大家继续关注
    2015-11-11
  • 详解如何使用JavaScript实现自定义的双向数据绑定

    详解如何使用JavaScript实现自定义的双向数据绑定

    双向数据绑定是一种编程模式,用于在用户界面和数据模型之间实现数据的同步更新,它允许用户界面中的数据变化自动更新到数据模型中,在这篇文章中,我会使用基于观察者模式和基于Proxy对象来实现JS的自定义双向数据绑定
    2023-08-08
  • JS中的art-template模板如何使用if判断

    JS中的art-template模板如何使用if判断

    这篇文章主要介绍了JS中的art-template模板如何使用if判断,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • JavaScript实现随机替换图片的方法

    JavaScript实现随机替换图片的方法

    这篇文章主要介绍了JavaScript实现随机替换图片的方法,涉及javascript中Math.random方法的灵活运用,需要的朋友可以参考下
    2015-04-04
  • 页面自定义拖拽布局

    页面自定义拖拽布局

    页面自定义拖拽布局...
    2007-02-02
  • JS树形菜单组件Bootstrap TreeView使用方法详解

    JS树形菜单组件Bootstrap TreeView使用方法详解

    这篇文章主要为大家详细介绍了js组件Bootstrap TreeView使用方法,本文一部分针对于bootstrap的treeview的实践,另一部分是介绍自己写的树形菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • js select option对象小结

    js select option对象小结

    本篇文章主要是对js中的select option对象进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12

最新评论