如何在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;