专注于单击跨度日期日历时按日创建的日期选择器

Question

我已经创建了动态日期选择器，如本例所示 http://jsfiddle.net/SJ7bJ/98/但我必须在输入后放置 glyphicon-calendar，但日历日期选择器的单击事件不适用于 glyphicon-calendar

我已经尝试了下面的代码，但它不起作用.....

 <div class="input-group">
    <input type="text" class="form-control textmodify_newSchedule datepicker_recurring_start" > 
    <span class="input-group-addon datepicker_recurring_start_calender"><span class="glyphicon glyphicon-calendar"></span></span>
</div>
 $(function () {
          $('body').on('focus',".datepicker_recurring_start", function(){
                $(this).datepicker({ dateFormat: "mm/dd/yy" });
          });
          $('.datepicker_recurring_start_calender').click(function() {
                $(".datepicker_recurring_start").focus();
          });
    });

请帮我解决这个问题

Answer 1

如果动态添加 HTML，则无法以这种方式绑定：

  $('.datepicker_recurring_start_calender').click(function() {
        $(".datepicker_recurring_start").focus();
  });

你必须做这样的事情：

  $(document).on('click', '.datepicker_recurring_start_calender', function() {
        $(".datepicker_recurring_start").focus();
  });

Answer 2

不能在动态创建的元素上绑定事件侦听器。但是，您可以像这样在 document 元素上绑定事件：

$(document).on('click', '.datepicker_recurring_start_calender', function(e) {
  console.log(this);
  $(".datepicker_recurring_start").focus();
});