Question

我正在尝试使用angular JS指令将日期选择器初始化到文本框。

这是我的角度JS指令

 var testapp = angular.module('testApp',[]);
 testapp.directive('mydatepicker', function () {
   return {
       restrict: 'A',
       require: 'ngModel',
       link: function (scope, element, attrs, ngModelCtrl) {
        $(element).datepicker({
        dateFormat: 'DD, d  MM, yy',
        onSelect: function (date) {
            scope.date = date;
            scope.$apply();
         }
      });
    }
  };
});

我写的HTML代码：

<body ng-app="testApp" ng-controller="myController">
 // some other html code 
 <input type="text" ng-model="date" mydatepicker />
   <br/>
    {{ date }}
//some other html code
</body>

Datepicker没有初始化。这是JS小提琴

http://jsfiddle.net/5ua9guee/19/

在JS Fiddle我遇到两个错误：

未捕获的ReferenceError：未定义jQuery
未捕获错误：[$ injector：modulerr]由于以下原因无法实例化模块App：

我尝试了现有的帖子，但没有人为我工作。

谢谢

Answer 1

编辑了你的小提琴。它有效。

https://jsfiddle.net/dm5pyfbe/

在你的代码中缺少控制器。

testApp.controller('myController', function($scope){});

Answer 2

它显示了你的问题：

未捕获的ReferenceError：未定义jQuery

然后将你的jquery插入src;

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>

日期选择器未初始化角度JS

2 个答案: