自動向Jquery UI日期選擇器添加2周無法正常工作

Question

我在我的一個項目上有一個jQuery ui日期選擇器，要求我需要一次選擇特定的2周塊，我知道我可以使日期選擇器選擇2周塊，但我只需要允許用戶選擇2周的特定時間段以選擇特定的付款期限。 我想做的是只允許選擇工資核算周期的開始日期，然后選擇創建從開始到結束的2周范圍后的13天之后的日期。 這是一個JSFiddle鏈接，我使用工資日開始時處於活動狀態，而其余時間則禁用，並使用文本框顯示所選日期，結束日期字段是我在獲取13天之后的日期時遇到麻煩的地方，任何非常感謝您的幫助。

鏈接到JSFIDDLE-

http://jsfiddle.net/FuriousDuck/pxw3x8Lk/8/

的HTML

<div id="date"></div>

Start Date  - <input type="text" id="start-date" value=""><br>
End Date   - <input type="text" id="end-date" value="13 Days Later Value"><br>

JAVASCRIPT

var availableDates = [
"2014-11-2",
"2014-11-16",
"2014-11-30"
];

function available(date) {
  ymd = date.getFullYear() + "-" + (date.getMonth()+1) + "-" + date.getDate();

  if ($.inArray(ymd, availableDates) != -1) {
    return [true, "","Available"];
  } else {
    return [false,"","unAvailable"];
  }





}

$('#date').datepicker(
  { 
    altField  : '#start-date',
    altFormat : 'yy-mm-dd',
    dateFormat: 'DD, d MM',
    beforeShowDay: available 
  });

Answer 1

每當選擇其他日期時，將onSelect偵聽器添加到日期選擇器即可運行功能：

$('#date').datepicker(
{ 
    altField  : '#start-date',
    altFormat : 'yy-mm-dd',
    dateFormat: 'DD, d MM',
    beforeShowDay: available,
    onSelect: function() {
        var selectedDate = $('#date').datepicker('getDate');
        var endDate = new Date(selectedDate);
        endDate.setDate(endDate.getDate()+14);
        var endDateStr = (endDate.getYear()+1900)+'-'+(endDate.getMonth()+1)+'-'+endDate.getDate();
        $('#end-date').val(endDateStr);
    }
})

;