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

Question

我正在使用bootstrap日期时间选择器（http://eonasdan.github.io/bootstrap-datetimepicker/），我想将本周的标题更改为单个字母，如下所示：

S M T W T F S

有没有人知道要做的任何财产？

Answer 1

Bootstrap eonasdan-datetimepicker依赖于momentjs，它使用片刻获取一周中几天的本地化名称（请参阅源代码中的fillDow函数：它使用currentDate.format('dd')来获取短名称通过时刻format）的一周中的某一天。

Moment允许您使用updateLocale和weekdaysMin密钥自定义本地化的短名称，如Customize - ＆gt;中所述。文档的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>