如何使用angular-eonasdan-datetimepicker中的鏈接選擇器？

Question

我正在使用angular-eonasdan-datetimepicker，它是eonasdan-datetimepicker的一個角度包裝。如何保持結束日期始終大於開始日期。還要禁用以前的日期，直到結束日期日曆中的開始日期。

我嘗試使用on-change事件來更新UI，但沒有發生。該事件正在調用，但未更新的值。

內結束日期的onchange事件：

$ scope.FormName.enddate = $ scope.startdate;

即

（FormName.elementName）=從模型開始日期的使用者所選擇的值。

jQuery中，它使用：

<script type="text/javascript"> 
    $(function() { 
     $('#datetimepicker6').datetimepicker(); 
     $('#datetimepicker7').datetimepicker({ 
      useCurrent: false //Important! See issue #1075 
     }); 
     $("#datetimepicker6").on("dp.change", function (e) { 
      $('#datetimepicker7').data("DateTimePicker").minDate(e.date); 
     }); 
     $("#datetimepicker7").on("dp.change", function (e) { 
      $('#datetimepicker6').data("DateTimePicker").maxDate(e.date); 
     }); 
    }); 
</script> 

角包裝代碼如下所示：

(function() { 
    'use strict'; 

    var module = angular.module('ae-datetimepicker', []); 

    module.directive('datetimepicker', [ 
     '$timeout', 
     function($timeout) { 
     return { 
      require: '?ngModel', 
      restrict: 'EA', 
      scope: { 
      options: '@', 
      onChange: '&', 
      onClick: '&' 
      }, 
      link: function($scope, $element, $attrs, controller) { 
      $element.on('dp.change', function() { 
       $timeout(function() { 
       var dtp = $element.data('DateTimePicker'); 
       controller.$setViewValue(dtp.date()); 
       $scope.onChange(); 
       }); 
      }); 

      $element.on('click', function() { 
       $scope.onClick(); 
      }); 

      controller.$render = function() { 
       if (!!controller) { 
       if (controller.$viewValue === undefined) { 
        controller.$viewValue = null; 
       } 
       else if (!(controller.$viewValue instanceof moment)) { 
        controller.$viewValue = moment(controller.$viewValue); 
       } 
       $element.data('DateTimePicker').date(controller.$viewValue); 
       } 
      }; 


      $element.datetimepicker($scope.$eval($attrs.options)); 
      } 
     }; 
     } 
    ]); 
})(); 

任何鉛會有很大的幫助。

Answer 1

我想沒有必要通過的lib來源：https://github.com/atais/angular-eonasdan-datetimepicker

我已經更新的lib所以更容易/可能歸檔你的要求是什麼。

基本上，現在options是一個對象，而不是JSON字符串，FE：

vm.options = { 
    format: "DD.MM.YYYY", 
    maxDate: dateTo 
}; 

和更改被監視和應用。 帶演示的沉浸器在這裏：http://plnkr.co/ZSjN8f