jquery UI datepicker的多个日期输入

Question

我有一个日期选择器，我需要能够以多种不同格式手动输入日期。例如，对于 2015 年 5 月 7 日，我需要能够输入：

2015 年 5 月 7 日 05072015 050715 5715

我了解如何根据 jquery 文档对上述所有内容进行格式化，但我无法弄清楚如何使输入框采用多个不同的日期。我可以单独将格式更改为其中任何一种，这将允许我输入该特定格式，但我只能通过定义“dateFormat”来执行此操作。

我发现另一个页面似乎已经回答了同样的问题，但经过多次尝试，我无法弄清楚如何成功地将其放入我的代码中，这是该页面的链接：

Datepicker and allowing multiple input formats

如何将该解决方案融入以下代码：

<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

请找工作fiddle

它是基于jQuery Datepicker that supports multiple formats创建的

您唯一需要记住的是将约束输入标志设置为 false

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