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

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

收藏 打印