Bootstrap 3 Datetimepicker 3.0.0 - 星期一开始

Question

我在MVC 5项目中使用Bootstrap 3 Datetimepicker 3.0.0 https://www.nuget.org/packages/Bootstrap.v3.Datetimepicker/的原因很少.

知道如何抵消周开始,所以它从星期一开始.语言标记也不起作用.

 $(function () {
    $('#PickupTime').datetimepicker({
     weekStart: 1
    });
 });

这不起作用,因为它不是相同的bootstrap-datapicker.js

Answer 1

如果您从v2.8.1开始使用moment.js,请在调用datetimepicker()之前添加以下代码.

moment.updateLocale('en', {
  week: { dow: 1 } // Monday is the first day of the week
});

$('#DateTime').datetimepicker();

如果您使用的是旧版本的moment.js,请执行以下操作

moment.lang('en', {
  week: { dow: 1 }
});

$('#DateTime').datetimepicker();

Answer 2

您还可以在调用datetimepicker（）时通过语言环境覆盖dow值。

$('#myid').datetimepicker({
    format:'YYYY-MM-DD',
    locale:  moment.locale('en', {
        week: { dow: 1 }
    }),
});

Answer 3

我没有使用 moment.js，而是使用了 moment-with-langs.js （我猜它是与默认包 ASP.NET MVC 5 一起提供的）。

通过致电：

<script type="text/javascript">
    $('#DateTime').datetimepicker({
        language: "hr"
    });
</script>

一切顺利，日历终于从星期一开始了。

更新：更好的是，将密钥添加到web.config

<appSettings>    
    <add key="Culture" value="hr" />
</appSettings>

进而

$(document).ready(function () {
    $(document).on('focus', '#Date', function () {
        $(this).datetimepicker({
            locale: '@System.Configuration.ConfigurationManager.AppSettings["Culture"]',
            format: 'DD:MM:YYYY',
        });
    });
});