全国统一服务热线:400-633-9193

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

    网络     2018-12-10    1373

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

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
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的;获取元素的值可以换成原生的;


  分享到:  
0.2351s