首页 > 编程 > JavaScript > 正文

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

2019-11-19 12:30:31
字体:
来源:转载
供稿:网友

本文教大家使用了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的;获取元素的值可以换成原生的;

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表