在angularjs中共享控制器

Question

我有两个日期选择器，一个文本字段和一个按钮，如下所示：

<div class="form-group">
                    <label class="control-label">Date End </label>
                    <div class="controls">
                        <p class="input-group" ng-controller="datePickerCtrl">
                <input type="text" name="endDate" class="form-control" uib-datepicker-popup="{{format}}" ng-model="dt" is-open="popup1.opened" datepicker-options="dateOptions" ng-required="true" close-text="Close" alt-input-formats="altInputFormats" />
                <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="open1()"><i class="glyphicon glyphicon-calendar"></i></button>
                </span>
                </p>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label">Staff </label>
                    <div class="controls">
                        <input type="text" name="name" class="form-control" ng-model="staff.name">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4"></div>
                    <div class="col-md-4">
                        <div class="btn-group" role="group" aria-label="Close">
                            <button type="button" class="btn btn-primary" ng-click="userClickedCancel()">Filter</button>
                        </div>
                    </div>
                    <div class="col-md-4"></div>
                </div>

可以看出，每个日期选择器都有相同的控制器：datePickerCtrl。我希望在整个表单中附加一个控制器，它将使用日期选择器和文本字段返回的日期。但是，由于两个日期选择器都将日期返回为ng-model=dt，因此我不确定如何操作。

我不想在每个实例中使用不同的变量将datePickerCtrl代码复制到dt。我也不想创建一个控制器并将datePickerCtrl复制到其中，因为我希望将日期选择器的代码分开。最好的方法是什么？感谢。