在 bootstrap datetimepicker 中将标题中的日期名称更改为单个字母

Question

我正在使用 bootstrap 日期时间选择器 (http://eonasdan.github.io/bootstrap-datetimepicker/)，我想将星期的 header 更改为单个字母，如下所示：

S M T W T F S

有谁知道属性可以做到这一点吗？

Answer 1

Bootstrap eonasdan-datetimepicker 依赖于 momentjs，它使用 moment 获取星期几的本地化名称（参见 fillDow function in the source: it uses currentDate.format('dd') to get short name of the day of the week via moment format）。

Moment 允许您使用 updateLocale 和 weekdaysMin 键自定义本地化短名称，如文档的自定义 -> Minimal Weekday Abbreviations 部分所述。

这是一个完整的工作示例：

moment.updateLocale('en', {
  weekdaysMin : ["S", "M", "T", "W", "T", "F", "S"]
});
$('#datetimepicker1').datetimepicker();

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.45/css/bootstrap-datetimepicker.css" rel="stylesheet"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.45/js/bootstrap-datetimepicker.min.js"></script>

<div class="form-group">
    <div class='input-group date' id='datetimepicker1'>
        <input type='text' class="form-control"/>
        <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
        </span>
    </div>
</div>

在 bootstrap datetimepicker 中将标题中的日期名称更改为单个字母

Change the day names in title to single letter in bootstrap datetimepicker

eonasdan-datetimepicker