layDate插件设置开始和结束时间
时间:2021-09-05 09:45:58|栏目:JavaScript代码|点击: 次
本文教大家使用了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的;获取元素的值可以换成原生的;
上一篇:JS实现图片切换效果
栏 目:JavaScript代码
下一篇:Bootstrap Table服务器分页与在线编辑应用总结
本文标题:layDate插件设置开始和结束时间
本文地址:http://www.codeinn.net/misctech/172832.html






