試す:
コード:
var unavailableDates = new Array();
function unavailable(date) {
dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
if ($.inArray(dmy, unavailableDates) == -1) {
return [true, ""];
} else {
return [false, "", "Unavailable"];
}
}
$(function() {
$("#btn").click(function(){
unavailableDates.push($("#txt1").val());
unavailableDates.push($("#txt2").val());
unavailableDates.push($("#txt3").val());
alert(unavailableDates);
});
$("#iDate").datepicker({
dateFormat: 'dd MM yy',
beforeShowDay: unavailable
});
});
HTML
<input id="txt1" type="text"></input>
<input id="txt2" type="text"></input>
<input id="txt3" type="text"></input>
<input id="btn" type="button" value="Click me to disable dates"></input>
<input id="iDate">
FIDDLE
ノート:
- ここでは、3 つの入力を使用して日付を読み取り、ボタンを使用して日付を配列に追加しました。これは、要件に応じて変更できます。