laydate 使用

官網 http://www.layui.com/doc/modules/laydate.html

參考 http://www.cnblogs.com/fengpingfan/p/4660273.html

版本 1.0.9 和 2.X

使用方式 引入laydate.js 或者layui.js

這裏使用laydate.js

在頁面引入相應的js 注意版本

 

在js 中

statime = {

elem : '#startTime',

istime : true,

format : 'YYYY-MM-DD hh:mm:ss', // 分隔符能夠任意定義，該例子表示只顯示年月

festival : true, // 顯示節日

start : list.layStart,

min : list.layStart,

max : list.layStart,

choose : function(datas) { // 選擇日期完畢的回調

alert('您選擇的日期爲：' + datas);

 

if ($("#subsidyType").val() == null) {

$("#errorMsg_name").html("請先選擇補貼類型");

}

 

var startTime = $("#startTime").val();// startTime

 

if (nullRegex.test(startTime) || startTime == null)// startTime

// 爲空校驗

{

$("#errorMsg_startTime").html("起始時間不能爲空");

$("#errorMsg_startTime").show();

} else {

$("#errorMsg_startTime").hide();

}

}

} ;

方式一: laydate(statime );

方式二:$("#endTime").attr("onclick","laydate("+JSON.stringify(statime)+")");

 

問題: 在使用方式一, 經過異步請求給插件動態賦min 和start變量時.出現了插件在未選擇時間關閉 後 再次點擊時,初始化值是上次 的初始值的問題. 採用方式二後 正常.

若是使用1.0.9版本,建議經過 頁面 的方式綁定控件

<input id="ico" readonly><span class="laydate-icon" onclick="laydate({elem: '#ico'});"></span>

 

注意:將參數封裝成一個對象, 修改具體參數時, 可使用 statime.elem ="#阿斯蒂芬": 修改.