Question

我在模态中使用了一个日期选择器。但是，我无法更改datepicker中的月份/年份。

我已经看到了question。但选择的答案并不是我要找的答案。

根据以上问题，这里有fiddle。

我的HTML：

<input type="text" id="sel_periode_1" readonly="readonly" class="form-control" />

Answer 1

似乎我无法选择我使用$('#myModal').modal('show');

的月份/年份

我的解决方案是将其更改为$('#myModal').fadeIn('fast');

Answer 2

HTML代码：

   <!-- Button to trigger modal -->
    <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

    <!-- Modal -->
    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Modal header</h3>
      </div>
      <div class="modal-body">
        <div id="datetimepicker1" class="input-append date">
          <input data-format="dd/MM/yyyy" type="text"></input>
          <span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span>
        </div>
      </div>
      <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
      </div>
    </div>

JQuery代码：

$(function() {
  $('#datetimepicker1').datetimepicker({
  });
});

Answer 3

按如下方式更改输入，

<input type="text" id="sel_periode_1" readonly="readonly" class="form-control datepicker" />

将以下代码添加到您的脚本中

$('.datepicker').datepicker({
                changeMonth: true,
                changeYear: true
                // set properties as your requirement
 });

注意：添加对jquery.min.js，jquery-ui.min.js和jquery-ui.css的引用，以使datepicker生效。

Fiddle Demo Here

如何在模态中修复datepicker中的月/年组合框？

3 个答案: