2012-03-13 82 views
0

我想允許用戶使用「針對jQuery UI的多個日期選擇器v1.5.2」選擇多個日期。jQuery多個日期選擇器不工作,如果只允許在文本框中顯示日期

由於每個文本字段的有效範圍是1個月且文本欄不是很長,我只想顯示用戶選擇日期的日期。

演示:http://jsfiddle.net/neo3000ultra/Damxz/

問題是,當我嘗試將它定義成如下,

$('#day_only').multiDatesPicker({ 
    dateFormat:"dd" 
    }); 

日期選擇器要麼停止工作或只顯示某一天在文本框,而其他任何dateFormat似乎工作正常。

任何人都可以請幫我解決這個問題嗎?謝謝!

+0

本文可能會幫助您http://stackoverflow.com/q/1452066/778687 – tusar 2012-03-13 04:49:48

回答

0

我認爲你必須使用日期&月爲多個日曆。你可以改變你的jQuery函數像現在這樣,

var dates = $("#day_only, #day_n_month").datepicker({ 
      changeMonth: true, 
      numberOfMonths: 1, 
      dateFormat:'mm-dd', 
      onSelect: function(selectedDate) { 
       var option = this.id == "day_only" ? "minDate" : "maxDate", 
        instance = $(this).data("datepicker"), 
        date = $.datepicker.parseDate(
         instance.settings.dateFormat || 
         $.datepicker._defaults.dateFormat, 
         selectedDate, instance.settings); 
       dates.not(this).datepicker("option", option, date); 
      } 
     }); 
+0

非常感謝您的答案!但它似乎不允許在文本框中選擇和顯示多個日期,但它也不會消除這些月份。 – 2012-03-13 04:44:26

4

我知道這是一個老帖子,但我最近就遇到了這個與.multiDatesPicker(),它會幫助,如果我能早一點知道這個信息。

multiDatesPicker建立在ui.datepicker()之上。您可以使用的最接近的dateFormat是「mm-dd」或「mmdd」,否則您將看到「無效日期」錯誤。

相關問題