幫助改變取決於日曆日期

Question

我有一個jQuery的日曆這裏http://offline.raileisure.com/

我試圖讓時間選擇框來改變它的值取決於選擇什麼日子一個選擇表單字段..

現在日曆只讓你選擇週一或週五..

我需要的選擇框，只顯示下列選項..

當週一（5日） 當週五（3天，7天，14天）

我不知道從哪裏開始:-(

感謝

李

Answer 1

你可以做到這一點的方法：

$("#datepicker").datepicker({ 
    onSelect: function(e) { 
     var date = new Date(e); 
     var day = date.getDay(); // 0 = sunday etc...   
     // clean all the options 
     $("#duration").empty(); 
     // if monday 
     if (day === 1) { 
      // add "5 days" options 
      $("#duration").append("<option value='5'>5 days</option>"); 
     // else if friday 
     } else if (day === 5) { 
      // add 3/7/14 days options 
      $("#duration").append("<option value='3'>3 days</option>" 
            + "<option value='7'>7 days</option>" 
            + "<option value='14'>14 days</option>"); 
     } else { // else... 
     } 
    } 
}); 

當用戶選擇日期時，如果根據選定日期填寫<select>。

jsFiddle example here

Answer 2

0Oki

你可以開槍選擇某一天的一個功能。當初始化日期選擇器做到這一點：

.datepicker({ 
    onSelect: function(dateText, inst) { 
       var aDate = dateText.split("/"); 
       var date = new Date(aDate[2], aDate[1] - 1, aDate[0]); //The - 1 is because the month is zero based. 
       alert(date.getDay()); 
      } 
}); 

可以解析dataText變量，並找出如果週一或週五...比填充下拉相應:)

來源：http://jqueryui.com/demos/datepicker/#event-onSelect

HTH :)