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 ="#阿斯蒂芬": 修改.