laydate日历控件使用方法详解

laydate日历控件使用方法详解

本文实例为大家分享了laydate日历控件的使用方法，供大家参考，具体内容如下

var start = {

elem: '#start_0',

format: 'YYYY-MM-DD',

max: laydate.now(-1),

istime: false,

istoday: false,

choose: function (datas) {

$("input[name='TimeStart']").parent().next(".timeError").addClass("hide");

end.min = datas; //开始日选好后，重置结束日的最小日期

end.start = datas; //将结束日的初始值设定为开始日

}

}

var end = {

elem: '#end_0',

format: 'YYYY-MM-DD',

min: '1900-01-01',

istime: false,

istoday: false,

choose: function (datas) {

start.max = datas; //结束日选好后，重置开始日的最大日期

}

};

laydate(start);

laydate(end);

初始化界面时执行给日历绑定事件。

如何给动态生成的文本框绑定日历点击事件。

// 点击编辑按钮，给文本日期框添加.onclick事件

$("#expLEIuJjdist").delegate(".edit","click",function () {

var index = $("#expList .edit").index($(this));

var len = index + parseInt(1);

var start = {

format: 'YYYY-MM-DD',

max: laydate.now(-1),

istime: false,

istoday: false,

choose: function (datas) {

$("input[name='TimeStart']").parent().next(".timeError").addClass("hide");

end.min = datas;

end.start = datas;

}

};

var end = {

format: 'YYYY-MM-DD',

min: '1900-01-01',

istime: false,

istoday: false,

choose: function (datas) {

start.max = datas;

}

};

document.getElementById("start_" + len).onclick = function () {

start.elem = "#" + this.id;

laydate(start);

}

document.getElementById("end_" + len).onclick = function () {

end.elem = "#" + this.id;

laydate(end);

}

});

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。