angularjs中的共享控制器

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

<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

---

我不想在每个实例中将

datepickertrl

代码复制粘贴到多个位置，并使用不同的变量将其粘贴到

dt

。我也不想创建一个控制器并将

datePickerCtrl

复制到其中，因为我希望将日期选择器的代码分开。最好的方法是什么？谢谢。

为什么不能将所有日期选择器模型放置在一个数组中？为什么不能将所有日期选择器模型放置在一个数组中？