angularjs - 如何在 Angular UI Modal 中使用 Datepicker

Question

我有字符串日期选择器，当我在页面中使用它时它工作正常，但当我在 Angular UI 模式中使用这个日期选择器时它不工作 '$uibModal'......如何使用这个我在这个问题上花了 4 个小时，但它没有工作 https://cdnjs。 com/libraries/bootstrap-datetimepicker

  <div class="col-md-4">
            <div class="input-group date form_date " data-date="" data-date-format="dd-mm-yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                <input ng-model="FromDate" autocomplete="off" id="FromDate" class="form-control input-height" placeholder="Date" type="text">
                <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
            </div>
        </div>



 var modalInstance = $uibModal.open({
            animation: this.animationsEnabled,
            templateUrl: '../../../Templates/AddModel.html',
            controller: 'RCtrl',
            scope: $scope,
            size: 'lg'
        });
        $scope.modalInstance = this.modalInstance;
        return modalInstance.result;

Answer 1

这是您修改后的代码：

var modalInstance = $uibModal.open({
      animation: this.animationsEnabled,
      templateUrl: '../../../Templates/AddModel.html',
      controller: 'RCtrl',
      scope: $scope,
      size: 'lg'
});

modalInstance.opened.then(function(){
   $timeout(function(){
     $('#FromDate').datetimepicker();
   }, 500) 
});

$scope.modalInstance = modalInstance;

return modalInstance.result;