<div ng-show="discount.discount.days_details.monday.enable"
class="add-time-block"
ng-class="showInterval">
<button ng-click="discount.addInterval('monday', start_m, end_m);"
class="edit blue">{{::discount.lc.b_add_period}}
</button>
<div class="input-group bootstrap-timepicker">
<input type="time" placeholder="hrs:mins" ng-model="start_m"
value="00:00"
pattern="^([0-1]?[0-9]|2[0-4]):([0-5][0-9])(:[0-5][0-9])?$"
class="timepicker-rest-from">
<strong>-</strong>
<input type="time" placeholder="hrs:mins" ng-model="end_m" value="00:00"
pattern="^([0-1]?[0-9]|2[0-4]):([0-5][0-9])(:[0-5][0-9])?$"
class="timepicker-rest-to">
</div>
<div>
<span ng-repeat="interval in discount.discount.days_details.monday.intervals">{{::interval.from}} - {{::interval.to}}<br></span>
</div>
</div>
底线是我使用angular-bootstrap-datepicker
并且只有版本angular
1.3.5
兼容它,但因此它不能正常工作ng-model
。结果start_m
,他们start_end
会的undefined
。
我无法将日期选择器更改为另一个,因为网站上的所有内容都是基于布局的。
但是如果你把angular放在上面1.3.5
,比如 ,1.4.9
那么就会出现这样的错误
Controller 'select', required by directive 'ngOptions', can't be found!
<div id="datepicker0" ng-datepicker
dp-options="discount.datepickersOptions.from"
ng-model="discount.discount_dates.from"></div>
如何解决这个问题?
这个问题的解决方案是,我认为它不是很正确,但它解决了问题:
我们
angular-bootstrap-datepicker
在指令中转到 y
ngDatepicker
,将 y 更改scope
ngOptions
为dpOptions
。以及在哪里使用ngOptions
ng-model
不作为单个参数使用,而是作为视图对象date = {start_m : '', end_m: ''}
和在模板中使用ng-model = "date.start_m"
。