使用引导时间选取器时,没有更新数据ng模型值
data-ng-model values are not being updated while Using Bootstrap Time Picker
我从时间选择器中选择的值没有更新,但当我删除时间选择器并使用正常的文本框更新时,时间选择器或我的代码出了什么问题?
<div data-ng-repeat="mondayBhr in businessHour.mon" class="form-group">
<label class="col-sm-1 label-group" for="mondayStoreOpentimingsedit">Open</label>
<div class="form-group">
<div class="bootstrap-timepicker">
<input id="mondayStoreOpentimingsedit" name="mondayStoreOpentimingsedit" ng-model="mondayBhr.store[0].open" style="max-height:25px" class="col-md-2" />
<script>
$('#mondayStoreOpentimingsedit').timepicker({
showMinutes:true,
showMeridian:false,
pick12HourFormat: true
}).next().on(ace.click_event, function(){
$(this).prev().focus();
});
</script>
</div>
</div>
</div>
非常感谢您的提前帮助!!
使用jquery插件交互AngularJS 时始终使用指令
标记
<input id="mondayStoreOpentimingsedit" time-picker name="mondayStoreOpentimingsedit"
ng-model="mondayBhr.store[0].open" style="max-height:25px" class="col-md-2" />
指令
app.directive('timePicker', function() {
return {
restrict: 'A',
reuqire: 'ngModel',
link: function(scope, element, attrs, ngModel) {
element.timepicker({
showMinutes: true,
showMeridian: false,
pick12HourFormat: true,
change: function(time) {
//need to run digest cycle for applying bindings
scope.$apply(function() {
ngModel.$setViewValue(time);
});
}
}).next().on(ace.click_event, function() {
$(this).prev().focus();
});
}
}
});
相关文章:
- 更新数据,而不是用javascript和jquery将其添加到我的表中
- JQGrid使用服务器编辑后的更新数据刷新数据
- 使用odata 4的jaydata 1.5和保存/更新数据时的错误
- 使用引导时间选取器时,没有更新数据ng模型值
- AngularJS中超时后没有更新数据
- jQuery动态更新数据键和值
- 在简单的可重用 D3 图表中更新数据
- Node/Express 无法正确更新数据模型
- 如何在jQuery中的单个保存按钮上更新数据和添加数据
- 如何使用Jquery更新数据确认属性中的消息
- 更新数据后保留D3图的位置
- 使用$watch更新数据,ng重复不反映更改
- 在OpenCart中,我们如何实时更新数据
- 表单在每个页面中 - 仅在特定页面上处理它 - 如果当前不在页面上 - 重定向 - 否则 - 使用 AJAX 更新数据
- 调整窗口大小时更新数据属性
- Firebase赢得't更新数据
- Rails和jQuery-尝试使用setTimeout主动更新数据
- Lawnchair.js未更新数据
- 更新数据时的React.js生命周期
- enter() 和 exit() 如何检测 D3 中的更新数据