Angularjs 对其中一个具有相同的指示效果
我为datepicker编写了一个指令。我不能在一种形式中使用它两次。Angularjs 对其中一个具有相同的指示效果,angularjs,angularjs-directive,Angularjs,Angularjs Directive,我为datepicker编写了一个指令。我不能在一种形式中使用它两次。 代码如下: app.directive('dateP', function() { return { restrict: 'A', require: 'ngModel', link: function(scope, element, attr, ngModel) { element.datepicker({ format: 'dd/mm/yyyy', a
代码如下:
app.directive('dateP', function() {
return {
restrict: 'A',
require: 'ngModel',
link: function(scope, element, attr, ngModel) {
element.datepicker({
format: 'dd/mm/yyyy',
autoclose: true
});
}
}
});
您的两个输入具有相同的ID。ID应该是唯一的。给他们一个不同的ID。您的两个输入具有相同的ID。ID应该是唯一的。给他们一个不同的ID。您的两个输入具有相同的ID。ID应该是唯一的。给他们一个不同的ID。您的两个输入具有相同的ID。ID应该是唯一的。给他们一个不同的ID。两个ID保持相同。使用以下代码:
<div class="container" ng-controller="mainCtrl">
<div class="input-append">
<input date-p
id="datepicker1"
class="input-small"
type="text"
ui-mask="99/99/9999"
ng-model="$parent.dt"
>
<button id="datepicker1btn" class="btn" type="button" ng-click="showDatepicker()"><i class="icon-calendar">i</i></button>
</div>
<div class="input-append">
<input date-p
id="datepickerSecond"
class="input-small"
type="text"
ui-mask="99/99/9999"
ng-model="$parent.dt1"
>
<button id="datepickerSecond" class="btn" type="button" ng-click="showSecond()"><i class="icon-calendar">i</i></button>
</div>
</div>
**EDIT:**
两个id保持相同。请使用以下代码:
<div class="container" ng-controller="mainCtrl">
<div class="input-append">
<input date-p
id="datepicker1"
class="input-small"
type="text"
ui-mask="99/99/9999"
ng-model="$parent.dt"
>
<button id="datepicker1btn" class="btn" type="button" ng-click="showDatepicker()"><i class="icon-calendar">i</i></button>
</div>
<div class="input-append">
<input date-p
id="datepickerSecond"
class="input-small"
type="text"
ui-mask="99/99/9999"
ng-model="$parent.dt1"
>
<button id="datepickerSecond" class="btn" type="button" ng-click="showSecond()"><i class="icon-calendar">i</i></button>
</div>
</div>
**EDIT:**
两个id保持相同。请使用以下代码:
<div class="container" ng-controller="mainCtrl">
<div class="input-append">
<input date-p
id="datepicker1"
class="input-small"
type="text"
ui-mask="99/99/9999"
ng-model="$parent.dt"
>
<button id="datepicker1btn" class="btn" type="button" ng-click="showDatepicker()"><i class="icon-calendar">i</i></button>
</div>
<div class="input-append">
<input date-p
id="datepickerSecond"
class="input-small"
type="text"
ui-mask="99/99/9999"
ng-model="$parent.dt1"
>
<button id="datepickerSecond" class="btn" type="button" ng-click="showSecond()"><i class="icon-calendar">i</i></button>
</div>
</div>
**EDIT:**
两个id保持相同。请使用以下代码:
<div class="container" ng-controller="mainCtrl">
<div class="input-append">
<input date-p
id="datepicker1"
class="input-small"
type="text"
ui-mask="99/99/9999"
ng-model="$parent.dt"
>
<button id="datepicker1btn" class="btn" type="button" ng-click="showDatepicker()"><i class="icon-calendar">i</i></button>
</div>
<div class="input-append">
<input date-p
id="datepickerSecond"
class="input-small"
type="text"
ui-mask="99/99/9999"
ng-model="$parent.dt1"
>
<button id="datepickerSecond" class="btn" type="button" ng-click="showSecond()"><i class="icon-calendar">i</i></button>
</div>
</div>
**EDIT:**
只有删除id才有效,如果需要,您可以为所有输入字段提供相同的类
<div class="input-append">
<input date-p class="input-small datepicker" type="text" ui-mask="99/99/9999" ng-model="$parent.dt">
<button class="btn" type="button" ng-click="showDatepicker()"><i class="icon-calendar">i</i>
</button>
</div>
<div class="input-append">
<input date-p class="input-small datepicker" type="text" ui-mask="99/99/9999" ng-model="$parent.dt1">
<button class="btn" type="button" ng-click="showSecond()"><i class="icon-calendar">i</i>
</button>
</div>
我
我
只有删除id才有效,如果需要,可以为所有输入字段提供相同的类
<div class="input-append">
<input date-p class="input-small datepicker" type="text" ui-mask="99/99/9999" ng-model="$parent.dt">
<button class="btn" type="button" ng-click="showDatepicker()"><i class="icon-calendar">i</i>
</button>
</div>
<div class="input-append">
<input date-p class="input-small datepicker" type="text" ui-mask="99/99/9999" ng-model="$parent.dt1">
<button class="btn" type="button" ng-click="showSecond()"><i class="icon-calendar">i</i>
</button>
</div>
我
我
只有删除id才有效,如果需要,可以为所有输入字段提供相同的类
<div class="input-append">
<input date-p class="input-small datepicker" type="text" ui-mask="99/99/9999" ng-model="$parent.dt">
<button class="btn" type="button" ng-click="showDatepicker()"><i class="icon-calendar">i</i>
</button>
</div>
<div class="input-append">
<input date-p class="input-small datepicker" type="text" ui-mask="99/99/9999" ng-model="$parent.dt1">
<button class="btn" type="button" ng-click="showSecond()"><i class="icon-calendar">i</i>
</button>
</div>
我
我
只有删除id才有效,如果需要,可以为所有输入字段提供相同的类
<div class="input-append">
<input date-p class="input-small datepicker" type="text" ui-mask="99/99/9999" ng-model="$parent.dt">
<button class="btn" type="button" ng-click="showDatepicker()"><i class="icon-calendar">i</i>
</button>
</div>
<div class="input-append">
<input date-p class="input-small datepicker" type="text" ui-mask="99/99/9999" ng-model="$parent.dt1">
<button class="btn" type="button" ng-click="showSecond()"><i class="icon-calendar">i</i>
</button>
</div>
我
我
thx@JB,是否有方法删除控制器中的此行并将其添加到指令并动态打开弹出窗口?thx@JB,是否有方法删除控制器中的此行并将其添加到指令并动态打开弹出窗口?thx@JB,是否有方法删除控制器中的这一行并将其添加到指令并动态打开弹出窗口?thx@JB,是否有方法删除控制器中的这一行并将其添加到指令并动态打开弹出窗口?谢谢,是否要删除控制器中的此行并将其添加到指令和动态打开弹出窗口?若要动态打开弹出窗口,您可以使用编辑的答案。谢谢,是否要删除控制器中的此行并将其添加到指令和动态打开弹出窗口?若要动态打开弹出窗口,您可以使用编辑的答案。谢谢,是否要删除控制器中的此行并将其添加到指令和动态打开弹出窗口?若要动态打开弹出窗口,您可以使用编辑的答案。谢谢,是否要删除控制器中的此行并将其添加到指令和动态打开弹出窗口?若要动态打开弹出窗口,您可以使用编辑的答案。谢谢,是否有方法删除控制器中的此行并将其添加到指令并动态打开弹出窗口?谢谢,是否有方法删除控制器中的此行并将其添加到指令并动态打开弹出窗口?谢谢,是否有方法删除控制器中的此行并将其添加到指令并动态打开弹出窗口?谢谢,是否仍有删除控制器中的这一行并将其添加到指令并动态打开弹出窗口的方法?