layDate插件设置开始和结束时间
本文教大家使用了laydate插件设置开始和结束时间,供大家参考,具体内容如下
用的laydate插件是layDate-v5.0.6,是新版本的;
效果是选择开始时间,选择结束时间的时候开始时间之前的时间不能选;
选择结束时间,选择开始时间的时候结束时间之后的时间不能选;
functiontime(){
//开始时间id="start",结束时间id="end";
varstart={
elem:'#start',
type:'date',
min:'2000-09-10',
max:'2333-09-20',
show:true,
closeStop:'#start'
};
varend={
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的;获取元素的值可以换成原生的;
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
热门推荐
10 新人红包祝福语简短精辟
11 幼师给毕业祝福语简短
12 生日高考祝福语妹妹简短
13 下飞机祝福语简短英文
14 元宵发客户祝福语简短
15 爸妈金婚文案祝福语简短
16 新郎朋友红包祝福语简短
17 虎年五一祝福语大全简短
18 出阁宴祝福语姐姐简短