js日期选择控件layDate1.0兼容IE6+//6套皮肤
作者:佳明妈 来源:jquery特效 2014-06-23 人气:20798 QQ交流群:4188479js日期选择控件layDate1.0兼容IE6+、火狐、谷歌等浏览器,默认有6套皮肤、自定义皮肤也是非常方便快捷,layDate完全开源,实现了日期范围限制、开始日期设定、时分秒选择、智能响应、
js日期选择控件layDate1.0兼容IE6+、火狐、谷歌等浏览器,默认有6套皮肤、自定义皮肤也是非常方便快捷,layDate完全开源,实现了日期范围限制、开始日期设定、时分秒选择、智能响应、自动纠错、节日识别,快捷键操作等功能。
日期选择控件layDate基于原生javascript,这个日期控件有以下几大特点:
1、兼容性好:有兼容了包括IE6在内的所有主流浏览器。日期选择控件layDate具备优雅的内部代码结构,良好的js性能体验,
2、皮肤系统完备:默认有6套皮肤、自定义皮肤也是非常方便快捷,轻松愉快。
3、layDate完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封闭与狭隘。
4、layDate日期选择控件简单与易用,延续了layui一贯的风格。
5、遵循LGPL协议,您可以免费将她用于任何个人项目。
这个js日期选择控件l能实现的功能如下:
日期范围限制、开始日期设定、时分秒选择、智能响应、自动纠错、节日识别,快捷键操作等
js代码调用实例:
1、简单的调用
日期选择控件layDate基于原生javascript,这个日期控件有以下几大特点:
1、兼容性好:有兼容了包括IE6在内的所有主流浏览器。日期选择控件layDate具备优雅的内部代码结构,良好的js性能体验,
2、皮肤系统完备:默认有6套皮肤、自定义皮肤也是非常方便快捷,轻松愉快。
3、layDate完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封闭与狭隘。
4、layDate日期选择控件简单与易用,延续了layui一贯的风格。
5、遵循LGPL协议,您可以免费将她用于任何个人项目。
这个js日期选择控件l能实现的功能如下:
日期范围限制、开始日期设定、时分秒选择、智能响应、自动纠错、节日识别,快捷键操作等
js代码调用实例:
1、简单的调用
tle="初步认识对应的说明">
<input onclick="laydate()">
这是是一个最简单的调用方式,它会把自身作为目标元素。除此之外,您还可以按照需求传入一些其它key,比如:
<input onclick="laydate({istime: true format: 'YYYY-MM-DD hh:mm:ss'})">
那么对于输入框,如果用户乱填怎么办?没关系,laydate会智能纠错,你可以尝试在上述表单输入任意值,然后点击页面其它处测试一下。当然,您其实还可以设定任何html元素作为目标对象,又比如:<div onclick="laydate()"></div>
<input id="hello" class="laydate-icon">
<script>
laydate({
elem: '#hello' //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
event: 'focus' //响应事件。如果没有传入event,则按照默认的click
festival: true //显示节日
});
</script>
自定义日期格式:
<div id="test1" class="laydate-icon"></div>
<script>
laydate({
elem: '#test1'
format: 'YYYY年MM月DD日'
});
</script>
日期范围限制:
开始日:<li class="laydate-icon" id="start" style="width:200px; margin-right:10px;"></li>
结束日:<li class="laydate-icon" id="end" style="width:200px;"></li>
<script>
//懒人建站
var start = {
elem: '#start'
format: 'YYYY/MM/DD hh:mm:ss'
min: laydate.now() //设定最小日期为当前日期
max: '2099-06-16 23:59:59' //最大日期
istime: true
istoday: false
choose: function(datas){
end.min = datas; //开始日选好后,重置结束日的最小日期
end.start = datas //将结束日的初始值设定为开始日
}
};
var end = {
elem: '#end'
format: 'YYYY/MM/DD hh:mm:ss'
min: laydate.now()
max: '2099-06-16 23:59:59'
istime: true
istoday: false
choose: function(datas){
start.max = datas; //结束日选好后,充值开始日的最大日期
}
};
laydate(start);
laydate(end);
</script>
↓ 查看全文
js日期选择控件layDate1.0兼容IE6+//6套皮肤由懒人建站收集整理,您可以自由传播,请主动带上本文链接
懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。
- 上一篇:倒计时代码素材有毫秒显示
- 下一篇:dot.js教程文档api
js日期选择控件layDate1.0兼容IE6+//6套皮肤-最新评论