[AngularJS]javascript-AngularJS-UI Bootstrap Datepicker

发布时间: 2017/4/16 11:04:40
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我新到 AngularJS。我想在我的项目中实现之上。我使用 angular.min.js 版本 AngularJS v1.5.0 rc.1 ui-引导-物流-0.12.0.js 版本 0.12.0。与很多在线的例子会糊涂。如何在 angularjs 中实现之上。我用我的应用程序中的代码下面。

app.directive('datepicker', function() {
return {
    restrict: 'A',
    require : 'ngModel',
    link : function (scope, element, attrs, ngModelCtrl) {
        $(function(){
            element.datepicker({
                dateFormat:'dd/mm/yy',
                onSelect:function (date) {
                    scope.$apply(function () {
                        ngModelCtrl.$setViewValue(date);
                    });
                }
            });
        });
    }
}
});

在我的 HTML 页中我曾经像这样。

<input type="text" ng-model="endDate" datepicker>

下面是输出的意思

enter image description here如何解决此问题?很笨了。请请帮助我度过难关。

在此先感谢。

解决方法 1:

这里是 ui 引导文件

这里是他们plunkr展示之上,包括内联之上和弹出式版本的多种用途。

HTML 为内联之上应该看起来像这样

  <div style="display:inline-block; min-height:290px;">
      <uib-datepicker ng-model="dt" class="well well-sm" datepicker-options="inlineOptions"></uib-datepicker>
    </div>

请确保您正确地加载/引用 ui 引导并具角在您的项目。

赞助商