AngularJS之jeDate日期控件基本使用

业务背景：

　　初学AngularJs，最近一段时间，因业务需求，要求日期选择带有快捷键、时分秒等。鉴于AngularJS组件库ui-bootstrap没有此功能，找了一款基于原生JS实现的插件-jeDate,总体效果还可以

基本封装使用：

 xxx.directive('jeDatepicker', function ($compile, $timeout) {
   return{
     restrict: 'A',
     require: 'ngModel',//依赖的指令
     scope: {
       'ngModel': '=' //=双向数据绑定，@单向数据绑定， &调用父作用域的函数
     },
     link: function ($scope, $element, $attr) {
       /**
        * exp:
        *  <input type="text" id="test" class="form-control" ng-model="test" je-datepicker>
        */
       var id = $attr.id;
       var options = {
         id: '#' + id
       };
       options.minDate = $attr.mindate ? $attr.mindate : '1900-01-01 00:00:00';
       options.maxDate = $attr.maxdate ? $attr.maxdate : '2099-12-31 23:59:59';
       options.format = $attr.format ? $attr.format : 'YYYY-MM-DD hh:mm:ss';
       options.shortcut = [
         {name:"一周",val:{DD:7}},
         {name:"一个月",val:{DD:30}},
         {name:"二个月",val:{MM:2}},
         {name:"三个月",val:{MM:3}},
         {name:"一年",val:{DD:365}}
       ];
       options.donefun = function (obj) {//选中日期的回调
         $scope.$apply(function () {
           $scope.ngModel = obj.val;
         })
       };
       options.clearfun = function() {//清除日期后的回调
         $scope.$apply(function () {
           $scope.ngModel = '';
         })
       };
       $timeout(function () {
         jeDate(options.id, options);
       }, 1);
     }
   }
 })