錯誤的日期選擇器行爲

我想說明一個平坦的jQuery日期選擇器三個月，最初當月在中間。我的代碼：錯誤的日期選擇器行爲

$('#threeMonths').datepicker({ 

    numberOfMonths:[1,3], 
    showCurrentAtPos: 1 
});

在這種形式，它改變了，每當我點擊任何日期顯示的月份，並且總有一個一個月就恢復，這是爲什麼，我怎麼能解決這個問題？

更新>

適合我的需要是遞增drawMonth在ONSELECT回調，因爲我的Berker的答案編輯演示解決方案。

來源

2012-09-06 Phantasme Punk

爲什麼您使用的ID來實現日期選擇器？使用類日期選擇諸如'$（「日期」）日期選擇器（{NUMBEROFMONTHS：[1，3]，showCurrentAtPos：3}）;'這樣就可以實現這個日期選擇器每個「日期」級輸入。 –

@ Berker我在我的html上生鏽了，你能否詳細說明一下如何工作？ –

我還在我的答案中添加了一些html。 –

的javascript：

<script type="text/javascript" language="javascript"> 
    $(document).ready(function() 
    { 
     // Add date picker 
     $(".date").datepicker({ 
      dateFormat: "dd/mm/yy", 
      numberOfMonths: 3, 
      showCurrentAtPos: 1, 
      showWeeks: true, 
      showStatus: true, 
      changeYear: true, 
      changeMonth: true, 
      highlightWeek: true, 
      showOtherMonths: true, 
      selectOtherMonths: true, 

      // hot fix (month back slide problem) 
      onSelect: function (dateText, inst) { 
       inst.drawMonth +=1; 
      } 
     }); 
    }); 
</script>

HTML：

<div class="date">Select a date!</div>

來源

2012-09-06 10:40:33

正如我以前寫過，HTML ......不是現在對我來說是拿手好戲會是什麼樣的HTML標記看起來像您定腳本？ –

其'$（「日期‘）'和具有Date類'表單上的每個輸入<輸入...類=’日期」 ../>'將獲得日期選擇器.. –

確定非常感謝你的這個，我看到你在那裏做了什麼，但是我想要的是一個扁平的日期選擇器...如下：只要頁面加載三個月是可見的，我不想要一個彈出式日期選擇器...我道歉，如果我的需求不明確。 –

錯誤的日期選擇器行爲

回答

相關問題