当前位置: 首页 > 工具软件 > layDate > 使用案例 >

html兼容ie的日期控件,layDate

沈嘉瑞
2023-12-01

#layDate

插件描述

layDate致力于成为全球最用心的web日期支撑,为国内外所有从事web应用开发的同仁提供力所能及的动力。她基于原生JavaScript精心雕琢,兼容了包括IE6在内的所有主流浏览器。她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封闭与狭隘。layDate本着资源共享的开发者精神和对网页日历交互无穷的追求,延续了layui一贯的简单与易用。她遵循LGPL协议,您可以免费将她用于任何个人项目

兼容性

IE6及以上

参数解释

istime : 判断是否时间,如果true则判断时间合法性,乱输入的将提示然后清空

format :日期格式,hh:mm:ss则表示需要具体时间,另外,需要先选择时间,再选择日期,因为点击日期后将被认为是选择完毕。

festival :true 是否显示节日。注意:只显示国际节日

istoday : false 是否显示今天的按钮,默认为显示

min :'2015-01-01 00:00:00' 选择最小日期

max :'2015-02-02 12:00:00' 选择最大日期

最小日期与最大日期选择后的不足之处:

如上,现在是2014年,日期段被定义为上面区间的时候,年份能自动定位到2015年,月份无法自动定位到01月

如上,最大日期是12点,但是 我选择2015-02-02 06 之后分和秒无法选择了

min: laydate.now(-1), //-1代表昨天,-2代表前天,以此类推

max: laydate.now(+1) //+1代表明天,+2代表后天,以此类推

//最简单的调用方式

//附带条件的调用方式

外部调用JS方法:

laydate({

elem: '#hello', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'

event: 'focus' //响应事件。如果没有传入event,则按照默认的click

});

//添加class属性,则在输入框中带日期icon,并且修饰input框

图标触发日期 :

//通过elem标记,将日期空间渲染到input框中

【自定义日期格式】

laydate({

elem: '#test1',

format: 'YYYY/MM', // 分隔符可以任意定义,该例子表示只显示年月

festival: true, //显示节日

choose: function(datas){ //选择日期完毕的回调

alert('得到:'+datas);

}});

【日期范围限定在昨天到明天】

laydate({

elem: '#hello3',

min: laydate.now(-1), //-1代表昨天,-2代表前天,以此类推

max: laydate.now(+1) //+1代表明天,+2代表后天,以此类推

});

 类似资料: