当bootstrap日期选择器日期在ember js控制器中选择一些动作调用时

Question

我是ember的新手，使用ember js开发按日期过滤功能。

处理栏：

<div class="input-group date" data-behavior="ActiveRock.filterDatePicker" data-date-before-field="#filter_end_date">
  <input type="text" class="form-control" id="filter_start_date" {{action filterPortfolios}}/>
   <span class="input-group-addon">
     <span class="glyphicon glyphicon-calendar"></span>
   </span>
</div>

行为：

$ ->
  ActiveRock.datePicker = (el) ->
  el.datepicker(
  format: 'yyyy/mm/dd'
  autoclose: true
    ).on('show', (e) ->
  $('.datepicker').css('z-index', '1151')
  true
    ).on('hide', (e) ->
    logic
    return false
  true
)

控制器动作：filterPortfolios

包含bootstrap datepicker

但它不起作用，请提出任何解决方案。

谢谢， 普拉萨德。

Answer 1

在我写的行为中

$(function() {
  return ExamplePicker.filterDatePicker = function(el) {
    return el.datepicker({
      format: 'yyyy/mm/dd',
      autoclose: true
    }).on('changeDate', function(e) {
      var controller;
      controller = App.__container__.lookup("controller:<controller_name>");
      controller.send("<action_name>");
      return true;
    });
  };
});