本文教大家使用了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的;获取元素的值可以换成原生的;
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
继续阅读与本文标签相同的文章
-
Linux CentOS7 httpd 服务配置注释
2026-05-19栏目: 教程
-
linux端口查询
2026-05-19栏目: 教程
-
【Shell】检查软件包是否安装
2026-05-19栏目: 教程
-
X-Pack Spark 监控指标详解
2026-05-19栏目: 教程
-
招募令:阿里云MVP全球招募中,我们的征途是星辰大海!
2026-05-19栏目: 教程
