javascript - jquery UI datepicker 的多个日期输入

Question

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

2015年5月7日050720150507155715

我了解如何根据 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
  })
});