それよりも簡単だと思った。仕事:
1) 未来の日を無効にします。(maxDate を今日に設定 - 完了)
2)js変数から日付を取得し、その場でminDateとして設定します-どのように?
main 関数 (私はいくつかのページで使用します):
jQuery(
function($){
$('#datepicker').datepicker({
onSelect: function(dateText, inst){calendarOptions(dateText);},
// beforeShow: function() {$("#datepicker").datepicker( "option", "minDate", curdate ).next('button').text('Kalendārs').button({icons:{primary : 'ui-icon-plus'}})},
showOn: "button",
dateFormat: 'dd.mm.yy',
prevText: '«',
nextText: '»',
monthNames: ['Janvāris','Februāris','Marts','Aprīlis','Maijs','Jūnijs', 'Jūlijs','Augusts','Septembris','Oktobris','Novembris','Decembris'],
monthNamesShort: ['JAN', 'FEB', 'MAR', 'APR', 'MAI', 'JUN', 'JUL', 'AUG', 'SEP', 'OKT', 'NOV', 'DEC'],
dayNamesMin: ['S', 'P','O','T','C','P','S'],
firstDay: 1,
maxDate: calendarMaxDate()
}).next('button').text('Kalendārs').button({icons:{primary : 'ui-icon-plus'}});
}
);
そして、今編集したいページのjsコードが来ます:
function calendarMaxDate(){//disable future days
var date = new Date();
var currentMonth = date.getMonth();
var currentDate = date.getDate();
var currentYear = date.getFullYear();
return new Date(currentYear, currentMonth, currentDate)
//return null; // set to default
}
function calendarOptions(dateText){ // sets selected date to 'external' input field
autofield_date.setValue(dateText);
}
jQuery(
function($){ // calls function before ui datepicker button is pressed
$('.ui-datepicker-trigger').click(function() {
alert(autofield_dekl.getValue());
MinDate();
});
}
);
function MinDate(){ //pass curdate value as'minDate' to calendar on the fly
jQuery( //not sure about this part
function($){ //without onload function it throws an error: $("#datepicker") is null
$("#datepicker").datepicker( "option", "minDate", curdate ).next('button').text('Kalendārs').button({icons:{primary : 'ui-icon-plus'}})//;
}
)
alert(curdate);
}
関数 MinDate() は、ボタンが初めて押されたときにのみ機能します。