jQuery UI Datepicker的多個日期輸入

Question

我有一個日期選擇器，我需要能夠以多種不同的格式手動輸入日期。 例如，對於2015年5月7日，我需要輸入：

2015年5月7日05072015 050715 5715

我了解如何根據jquery文檔設置上述所有格式，但是我無法弄清楚如何使輸入框采用多個不同的日期。 我可以將格式分別更改為任何一種，這將允許我鍵入該特定格式，但是只能通過定義“ dateFormat”來執行一次。

我找到了另一個頁面，似乎已經回答了相同的問題，但是經過多次嘗試，我無法弄清楚如何將其成功地放入我的代碼中，這是此頁面的鏈接：

日期選擇器並允許多種輸入格式

我如何將該解決方案放入以下代碼中：

<h3>Date Selection</h3>
<label for="from">From</label>
<input type="text" id="from" name="from" />
<input type="text" id="altdate" />
<label for="to">to</label>
<input type="text" id="to" name="to" />
<script>
    $(function() {
        $( "#from" ).datepicker({
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 2,
            onClose: function( selectedDate ) {
                $( "#to" ).datepicker( "option", "minDate", selectedDate );
            }
        });
        $( "#to" ).datepicker({
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 2,
            onClose: function( selectedDate ) {
                $( "#from" ).datepicker( "option", "maxDate", selectedDate );
            }
        });
    });
</script>

我已經堅持了好幾天，任何幫助都將不勝感激！

Answer 1

請找工作提琴

它基於支持多種格式的jQuery Datepicker創建

您唯一需要記住的是將約束輸入標志設置為false

$(function() {
  $("#datepicker").datepicker({
    constrainInput: false
  })
});