layDaye.js API
一、核心方法：laydate(options);
options是一個對象，它包含了以下key: '默認(rèn)值'
{
elem: '#id', //需顯示日期的元素選擇器
event: 'click', //觸發(fā)事件
format: 'YYYY-MM-DD hh:mm:ss', //日期格式
istime: false, //是否開啟時間選擇
isclear: true, //是否顯示清空
istoday: true, //是否顯示今天
issure: true, 是否顯示確認(rèn)
festival: true //是否顯示節(jié)日
min: '1900-01-01 00:00:00', //最小日期
max: '2099-12-31 23:59:59', //最大日期
start: '2014-6-15 23:00:00',? //開始日期
fixed: false, //是否固定在可視區(qū)域
zIndex: 99999999, //css z-index
choose: function(dates){ //選擇好日期的回調(diào)
}
}
二均唉、其它方法/屬性
laydate.v? //獲取laydate版本號
laydate.skin(lib);? //加載皮膚，參數(shù)lib為皮膚名
/*
laydate.now支持多類型參數(shù)竟稳。timestamp可以是前后若干天，也可以是一個時間戳熊痴。format為日期格式他爸，為空時則采用默認(rèn)的“-”分割。
如laydate.now(-2)將返回前天果善，laydate.now(3999634079890)將返回2096-09-28
*/
laydate.now(timestamp, format);? //該方法提供了豐富的功能诊笤，推薦靈活使用。
laydate.reset();? //重設(shè)日歷控件坐標(biāo)岭埠，一般用于頁面dom結(jié)構(gòu)改變時盏混。無參
示例代碼
!function(){
? ? ? ? ? ? laydate.skin('molv');//切換皮膚蔚鸥，請查看skins下面皮膚庫
? ? ? ? ? ? ?laydate({elem: '#demo1'});//綁定元素
}()
//日期范圍限制
? ? ? ? ?var start2 = {
? ? ? ? ? ? ? ? ? ? ? ? ?elem: '#start2',
? ? ? ? ? ? ? ? ? ? ? ? ?format: 'YYYY-MM-DD',
? ? ? ? ? ? ? ? ? ? ? ? ?min: laydate.now(), //設(shè)定最小日期為當(dāng)前日期
? ? ? ? ? ? ? ? ? ? ? ? ? max: '2099-06-16', //最大日期
? ? ? ? ? ? ? ? ? ? ? ? ? max: laydate.now(), //最大日期
? ? ? ? ? ? ? ? ? ? ? ? ? istime: true,
? ? ? ? ? ? ? ? ? ? ? ? ?istoday: true,
? ? ? ? ? ? ? ? ? ? ?choose: function(datas){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? end.min = datas; //開始日選好后，重置結(jié)束日的最小日期
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?end.start = datas //將結(jié)束日的初始值設(shè)定為開始日
? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? };
var end2 = {
? ? ? ? ? ? ? ? ? elem: '#end2',
? ? ? ? ? ? ? ? ? ?format: 'YYYY-MM-DD',
? ? ? ? ? ? ? ? ? ?min: laydate.now(),
? ? ? ? ? ? ? ? ? ? max: '2099-06-16',
? ? ? ? ? ? ? ? ? ? max: laydate.now(-1),
? ? ? ? ? ? ? ? ? ? ?istime: true,
? ? ? ? ? ? ? ? ? ? ?istoday: true,
? ? ? ? ? ?choose: function(datas){
? ? ? ? ? ? ? ? ? ? ? ?start.max = datas; //結(jié)束日選好后许赃，充值開始日的最大日期
? ? ? ? ? ? ? }
? ? ? ? ? ?};
? ? ? ? ? ? ? laydate(start2);
? ? ? ? ? ? ? laydate(end2);
官方文檔API? http://www.layui.com/doc/modules/laydate.html#use
