一、核心方法:laydate(options);
options是一個對象,它包含了以下key: '默認值'
elem: '#id', //需顯示日期的元素選擇器
event: 'click', //觸發事件
format: 'YYYY-MM-DD hh:mm:ss', //日期格式
istime: false, //是否開啟時間選擇
isclear: true, //是否顯示清空
istoday: true, //是否顯示今天
issure: true, 是否顯示確認
festival: true //是否顯示節日
min: '1900-01-01 00:00:00', //最小日期
max: '2099-12-31 23:59:59', //最大日期
start: '2014-6-15 23:00:00', //開始日期
fixed: false, //是否固定在可視區域
zIndex: 99999999, //css z-index
choose: function(dates){ //選擇好日期的回調
}
二、其它方法/屬性
laydate.v //獲取laydate版本號
laydate.skin(lib); //加載皮膚,參數lib為皮膚名
/*
layer.now支持多類型參數。timestamp可以是前后若干天,也可以是一個時間戳。format為日期格式,為空時則采用默認的“-”分割。
如laydate.now(-2)將返回前天,laydate.now(3999634079890)將返回2096-09-28
*/
layer.now(timestamp, format); //該方法提供了豐富的功能,推薦靈活使用。
laydate.reset(); //重設日歷控件坐標,一般用於頁面dom結構改變時。無參
<div class='form-group'> <label>交房日期</label><input type='text' name='houseChangeTime' placeholder='請選擇日期' class='form-control' onclick="laydate({ istime: true, format: 'YYYY/MM/DD hh:mm:ss' })"/> </div> 需要引入 <script src="js/laydate.js"></script> 其他附件放置於JS統計目錄即可