laydateカレンダーコントロールの使い方詳細
2337 ワード
本論文の例では、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
$("#expList").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);
}
});
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。