Question

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

2015年5月7日 05072015 050715 5715

我理解如何基于jquery文档格式化上述所有这些，但我无法弄清楚如何使输入框占用多个不同的日期。我可以单独将格式更改为其中任何一种，这样我就可以输入该特定格式，但我只能通过定义＆＃34; dateFormat＆＃34;来执行此操作。

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

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

jquery UI datepicker

1 个答案: