您的位置：首页 > 其它

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

2019-03-28 10:59 483 查看

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

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

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航