Angular datepicker - 如何在模态中显示所选日期？

Question

我必须在一个模态中显示datepicker中的选定日期。

datepicker的div：

<div class="row" id="exDateTime" style="margin-top: 20px">
    <div class="col-sm-3">
        <div class="form-group">
            <!--<label class="control-label">Date picker</label>-->
            <div class="input-group date" id="datepicker">
                <input type="text" class="form-control" ng-model="dt">
                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            </div>
        </div>
    </div><!--/col-->
</div><!--/row-->

为了显示所选值，我使用以下控制器：

var app = angular.module('myApp', ['ui.bootstrap']);



       app.controller('ctrlTags', function($scope, $uibModal, $log){

       $scope.open = function() {
           var modalInstance = $uibModal.open({
               templateUrl: 'myModl.html',
               controller: 'ModalInstanceCtrl',
               resolve: {
                   param: function () {
                       return $scope.dt;;
                   }
               }
           });
       };

       $scope.ok = function() {
           $scope.showModal = false;
       };

       $scope.cancel = function() {
           $scope.showModal = false;
       };
    });
app.controller('ModalInstanceCtrl', function($scope, $modalInstance, param) {

        $scope.inputValue = param;

        $scope.ok = function() {
            $modalInstance.close();
        };

        $scope.cancel = function() {
            $modalInstance.dismiss('cancel');
        };
    });

所选日期不会显示在模式中