Bootstrap-datetimepicker 生成奇怪的静态月份数

Question

我正在使用 tarruda 的 bootstrap-datetimepicker，当我选择日期时，日历选择日期和年份很好，但生成一些奇怪的数字，例如月份的“54”，其中月份值不应更大超过 12，即使选择不同的月份，之前生成的数字也不会改变。

我做了一个fiddle，里面的问题和上面说的一样

$('#datepicker').datetimepicker({
  format: "dd/mm/yyyy",
  allowInputToggle: true,
  autoclose: true,
  pickTime: false
});

Answer 1

来自源代码：

var dateFormatComponents = {

.....,

MM: {property: 'UTCMonth', getPattern: function() {return '(0?[1-9]|1[0-2])\b';}},

mm: {property: 'UTCMinutes', getPattern: function() {return '(0?[0-9]|[1-5][0-9])\b';}},

....

所以正确的格式是：

***"dd/MM/yyyy"***

更多详情你也可以看看momentjs format。

已更新jsfiddle.

片段：

$('#datepicker').datetimepicker({
  format: "dd/MM/yyyy",
  allowInputToggle: true,
  autoclose: true,
  pickTime: false
});
$('#timepicker').datetimepicker({
  format: "hh:mm",
  allowInputToggle: true,
  autoclose: true,
  pickDate: false,
  pickSeconds: false
});

<link rel="stylesheet"
      href="https://tarruda.github.io/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">
<link rel="stylesheet"
      href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<script src="https://tarruda.github.io/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"></script>
<script src="https://tarruda.github.io/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js"></script>


<form class="" id="course-enroll-form" action="/lessons/dashboard/{{lesson.id}}" method="post">
    <p>Propose day</p>

    <div id="datepicker" class="input-append date">
        <input id="datetime" type="text" name="date" class="form-control" required="required"
               placeholder="Date: dd/mm/yyyy"/>
    <span class="add-on">
        <i data-time-icon="icon-calendar" data-date-icon="icon-calendar"></i>
    </span>
    </div>
    <p>Propose time</p>

    <div id="timepicker" class="input-append date">
        <input type="text" name="time" class="form-control" required="required" placeholder="Time: hh/mm"/>
    <span class="add-on">
                                        <i data-time-icon="icon-time" data-date-icon="icon-time"></i>
                                    </span>
    </div>
    <h6 id="course-enroll" class="bt-course">
        <button type="submit" name="button">Click to book</button>
    </h6>
</form>

Answer 2

您需要在 dd/mm/yyyy

上使用 dd/MM/yyyy

$('#datepicker').datetimepicker({
  format: "dd/MM/yyyy",
  allowInputToggle: true,
  autoclose: true,
  pickTime: false
});

https://jsfiddle.net/uxoysa0y/2/

Bootstrap-datetimepicker 生成奇怪的静态月份数

Bootstrap-datetimepicker generating strange static month number

twitter-bootstrap

datetimepicker

bootstrap-datepicker