如何通过导入的momentjs为angularjs-bootstrap-datetimepicker设置语言环境

时间:2018-06-03 07:00:06

标签: javascript angularjs ecmascript-6 momentjs bootstrap-datetimepicker

我使用angularjs-bootstrap-datetimepicker作为

var mt = typeof moment === 'undefined' ? require('moment') : moment

和Webpack进行捆绑。

我想设置一个自定义区域设置(或如何更改一周的第一天?),我在readme中找到了:

  

所有国际化都由Moment.js处理,有关详细信息,请参阅Moment的文档。在大多数情况下,只需要调用moment.locale(String)

即可

但是如果在代码中有导入新的momentjs实例 (GitHub url):

moment.locale().toLowerCase()

然后在代码中结束(GitHub url):

1 2 3 4 55 33 15

如果Moment在另一个模块中创建,我可以在哪里设置Moment的区域设置?

1 个答案:

答案 0 :(得分:2)

在文档中包含moment.js和angular-moment:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment-with-locales.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-moment/1.2.0/angular-moment.js"></script>

将angularMoment添加到您的应用中:

var app = angular.module('myApp', ['ng-bootstrap-datepicker', 'angularMoment']);

然后你可以在控制器中调用moment

var AppCtrl = function ($scope){
    moment.locale("fr");
    console.log(moment.locale());
};