angularjs - 如何在angularjs中将uibmodel对话框文本框值获取到父控制器

Question

我有一个带有文本框的页面，这是一个单独的控制器。当我点击文本框时，会使用 ui-bootstrap 使用 uibmodal 打开一个模式对话框。In that model there is two date picker fields when selection those two date fields and clicking on apply button then those selected two text box value needs to be rendered in the parent text box. 如何使用 angularjs 实现这一点，尝试了很多方法都没有帮助

尝试了下面的代码

$scope.openDateTimePicker = function(object){
    console.log("Inside function");
    $scope.animationsEnabled = true;
    var modalInstance = $uibModal.open({
         animation: $scope.animationsEnabled,
         templateUrl: 'datepicker.tpl.html',
         controller: 'DateInstanceCtrl',
         size: 'sm',
         resolve: {
         items: function () {
            return $scope.items;
           }
          }
      });
};




.controller('DateInstanceCtrl', function ($scope, $uibModalInstance) {
  $scope.apply = function () {
     console.log("value:::"+$uibModalInstance.startDateTime);
     $uibModalInstance.close();
  };
  $scope.close = function () {
    $uibModalInstance.dismiss('close');
  };
})

datepicker.tpl.html

<header class="modal-header"></header>
<div class="modal-body">

    <table>
        <tr>
            <td>Start Date</td>
            <td><input type="datetime-local" id="startDateTime"
                name="startDateTime" ng-model="startDateTime"
                placeholder="yyyy-MM-ddTHH:mm:ss" min="2001-01-01T00:00:00"
                max="2199-12-31T00:00:00" required /></td>
        </tr>
        <tr>
            <td>End Date</td>
            <td><input type="datetime-local" id="endDateTime"
                name="endDateTime" ng-model="endDateTime"
                placeholder="yyyy-MM-ddTHH:mm:ss" min="2001-01-01T00:00:00"
                max="2199-12-31T00:00:00" required /></td>
        </tr>
    </table>
</div>
<div class="modal-footer">
    <button ng-click="apply()" class="btn btn-primary">Apply</button>
    <button ng-click="close()" class="btn">Close</button>
</div>