1

もう一度、ホテルの asp.net MVC 3 アプリケーション用の jQuery スクリプトを作成しています。特定の部屋の予約済みの日付をクリックできないように、jQuery でドロップダウン カレンダーを作成したいと思います。つまり、最初にデータベースから取得した日付を読み取ってから、部屋の予約日に適切なカレンダーを表示する前に、何らかの方法でそれを jQuery スクリプトで読み取る必要があります。

このすべてについてjQueryを学ぶ必要がありますか?そうでない場合、どうすればよいですか? 指定された日付のデータベース検索に Ajax は必要ですか? 手伝ってくれませんか？

どうもありがとうございます

PS jQuery (および/または Ajax) を学ぶ必要がある場合は、質の高いリソースのヒントを教えてください。ありがとう

4

1 に答える 1

0

Google jQuery UI DatePicker からこれを見つけました: 指定された日を無効にする

このコードを JS 関数内にラップして、日付リストを渡すことができます (次のようなもの)。

    function ShowDatePicker(dateList)
{
var disabledDays = dateList;

/* utility functions */
function nationalDays(date) {
  var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
  //console.log('Checking (raw): ' + m + '-' + d + '-' + y);
  for (i = 0; i < disabledDays.length; i++) {
    if($.inArray((m+1) + '-' + d + '-' + y,disabledDays) != -1 || new Date() > date) {
      //console.log('bad:  ' + (m+1) + '-' + d + '-' + y + ' / ' + disabledDays[i]);
      return [false];
    }
  }
  //console.log('good:  ' + (m+1) + '-' + d + '-' + y);
  return [true];
}
function noWeekendsOrHolidays(date) {
  var noWeekend = jQuery.datepicker.noWeekends(date);
  return noWeekend[0] ? nationalDays(date) : noWeekend;
}

/* create datepicker */
jQuery(document).ready(function() {
  jQuery('#date').datepicker({
    minDate: new Date(2010, 0, 1),
    maxDate: new Date(2010, 5, 31),
    dateFormat: 'DD, MM, d, yy',
    constrainInput: true,
    beforeShowDay: noWeekendsOrHolidays
  });
});
}
于 2012-11-02T23:36:04.083 に答える