twitter-bootstrap - Bootstrap DateTimePicker (eonasdan) 将日期格式设置为 DD/MMM/YYYY

Question

我在下面这个 Bootstrap 插件方面遇到了很大的问题。

http://eonasdan.github.io/bootstrap-datetimepicker/

我的初始值为“15/05/1992”，其初始格式为“DD/MM/YYYY”，现在使用这个插件，它也使用时刻作为基础。我想将其格式化为“15/May/1992”，但每次我使用 'DD/MMM/YYYY' 格式化它时，它都无法正常工作。它显示为“15/Jan/1992”，这是错误的，因为月份应该是五月。

我还测试了另一个日期，例如“19/02/2198”，应用上面相同的步骤，它显示为“19/Jan/2002”，这非常非常错误的。我不知道它是否与 moments.js 有关，但我现在真的陷入了困境。

任何帮助将不胜感激!谢谢!

HTML

<div class="row">
    <div class="col-md-12">
         <h6>datetimepicker1</h6>
        <div class="form-group">
            <div class="input-group date" id="datetimepicker1">
                <input type="text" class="form-control" value="15/05/1992" />   <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span>
            </div>
        </div>
    </div>
</div>

脚本。

$('#datetimepicker1').datetimepicker({format : "DD/MMM/YYYY"});   

查看示例 http://jsfiddle.net/byx1couq/2/

Answer 1

不要尝试直接设置value 属性。这样做将始终使用浏览器的区域设置格式，因此您无法真正控制它。

相反，请使用日期选择器控件 ( see docs here ) 中的 date 函数。由于它可以接受 moment 对象，因此这是对输入格式进行精细控制的最佳选择。

$('#datetimepicker1').data("DateTimePicker").date(moment("15/05/1992","DD/MM/YYYY"));

Updated fiddle here .