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的;获取元素的值可以换成原生的;

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

相关文章

  • 超级兔子让浮动层消失的前因后果

    超级兔子让浮动层消失的前因后果

    超级兔子让浮动层消失的前因后果...
    2007-03-03
  • xmlplus组件设计系列之按钮(2)

    xmlplus组件设计系列之按钮(2)

    xmlplus 是一个JavaScript框架,用于快速开发前后端项目。这篇文章主要介绍了xmlplus组件设计系列之按钮,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • js实现抽奖效果

    js实现抽奖效果

    本文主要介绍了js实现抽奖效果的方法实例。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • 最好用的省市二级联动 原生js实现你值得拥有

    最好用的省市二级联动 原生js实现你值得拥有

    省市二级联动效果,实现方法有很多,不过其他文章中介绍的都比较笼统,在本文有一个详细的实现过程,使用原生js很容易理解,希望大家可以参考下
    2013-09-09
  • 原生js实现form表单序列化的方法

    原生js实现form表单序列化的方法

    这篇文章主要介绍了原生js实现form表单序列化的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案

    BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的

    最近学到Bootstrap下拉菜单,学懂了教程内容之后自己敲一个点击按钮底下弹出下拉菜单的小demo,写完代码发现运行之后点击按钮没反应,下拉菜单弹不出来,下面给大家分享下解决方案
    2016-12-12
  • 纯javascript实现图片延时加载方法

    纯javascript实现图片延时加载方法

    看到一篇博客说土豆网的图片是延迟加载的。原理是这样:页面可见区域以下的图片先不加载,等到用户向下滚动到图片位置时,再进行加载。这样做的好处是当页面有好几屏内容时,这样我们就可以只加载用户需要看的图片,减少服务器向用户浏览器发送图片文件所产生的负荷。
    2015-08-08
  • js获取class的所有元素

    js获取class的所有元素

    ie不支持getElementsByClassName,所以要自己实现获取类名为className的所有元素。
    2013-03-03
  • DOM 事件的深入浅出(一)

    DOM 事件的深入浅出(一)

    本文主要介绍了不同DOM级别下的事件处理程序,同时介绍了事件冒泡和捕获的触发原理和方法。熟练地使用不同级别的DOM事件并且解决相应的浏览器兼容性问题对我们的前端项目开发会很有帮助。
    2016-12-12
  • 仅IE6/7/8中innerHTML返回值忽略英文空格的问题

    仅IE6/7/8中innerHTML返回值忽略英文空格的问题

    仅IE6/7/8中innerHTML返回值忽略英文空格的问题,需要此问题的朋友可以参考下。
    2011-04-04

最新评论