当前位置:  开发笔记 > 编程语言 > 正文

Angular ng-model不绑定jQuery日期选择器值

如何解决《Angularng-model不绑定jQuery日期选择器值》经验,为你挑选了1个好方法。

角度js中的新手 - 我正在尝试将jQuery日期选择器添加到ng-model文本框中.以下是jQuery日期选择器的链接:

src="https://resources.ibe4all.com/BrokerAssist/js/BuroRaDer_DateRangePicker.js" type="text/javascript">

这是我的HTML标记:


    
{{RDate}}

日期选择器工作就像一个魅力,但我面临的问题是日期没有绑定我的角度模型,我无法在$ scope中获取日期加上我的验证不在文本框上工作,因为它没有考虑日期作为日期选择器的输入.

请帮我一个工作的plunker



1> Anders Veste..:

总是一个问题是让jQuery输入和角度模型直接开箱即用,这意味着你经常需要手动做一些事情来更新模型或告诉角度输入事件已被触发.

更新模型
我的情况你可以在你的控制器中更新你的模型,例如:

app.controller('MainCtrl', function($scope) {

$('#RDate').datepicker({
  dateFormat: 'dd/mm/yy',
  changeMonth: true,
  changeYear: true,
  onSelect: function(date) {
    $scope.RDate = date;
    $scope.$apply();
    console.log($scope);
  }
});

});

因此,选择您设置模型值并应用范围.
我做了一个说明https://plnkr.co/edit/kzdUPDcVDNGRoM9vlA4K?p=preview的插件

添加触发器事件
您可以添加触发器处理程序以获取更改事件并以这种方式通知angular:

 app.controller('MainCtrl', function($scope) {

    $('#RDate').datepicker({
      dateFormat: 'dd/mm/yy',
      changeMonth: true,
      changeYear: true,
      onSelect: function(date) {
            angular.element($('#RDate')).triggerHandler('input');
      }
    });
  });

做了一个看到这个的人:https://plnkr.co/edit/VQAqZcLarDBTW2MFaOY7?p = preview

推荐阅读
无名有名我无名_593
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有