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
  })
});