在Bootstrap UI中,datepicker焦点在单击日期时不会返回到日期字段

时间:2017-01-24 05:54:54

标签: angularjs datepicker jquery-ui-datepicker bootstrap-datepicker

当我点击$('button').click(function(){ $('#user_name').val(''); $('#password').val(''); $('#popup').modal('show'); }); Today, clear按钮时,焦点会回到close。 当我点击任何特定日期时,我想要相同的功能。

1 个答案:

答案 0 :(得分:1)

我调试了这个问题。发现在日期选择器本身中,一旦选择了日期,就不存在将重点放在日期字段上的功能 Datepicker Popup: http://angular-ui.github.io/bootstrap/

在file:datepicker.js中发现,当我们点击任何日期时,函数$scope.select = function(date)会被触发,而日期又会广播一个事件$scope.$broadcast('uib:datepicker.focus');,它不会被我们的代码中的任何地方捕获

以下是要修复的代码:

  var focusElement = function() {
    self.element[0].focus();
  };

  // Listen for focus requests from popup directive
  $scope.$on('uib:datepicker.focus', focusElement);

有帮助的链接:https://github.com/angular-ui/bootstrap/blob/master/src/datepicker/datepicker.js#L213