Bootstrap-datepicker onClose 事件问题

Question

我有两个文本输入，我已经为它们绑定了一个 bootstrap 日期选择器。我想在日期为 select 时触发一个事件。我不能使用 dateChange，因为这样做会触发不必要的事件。所以我想设置一个像 onClose 这样的事件来触发 ajax 调用。但问题是，当我 select 日期并关闭日期选择器时，它不会调用 ajax 但是当我重新打开它然后通过单击箭头更改月份时 ajax 是被调用。

   $('.filter_date').datepicker({
        onClose: function () {
              var form_data = [];
              form_data = originacion_ranking_data()
              if (form_data.length != 0){
                $.ajax({
                  type: 'POST',
                  url: '/visual_component/plot',
                  dataType: 'json',
                  data: {'form_data': JSON.stringify(form_data)},
                  success: function(data){
                    if (data != false){
                      $('#tableContents').val(encodeURIComponent(JSON.stringify(data)));
                    }
                  }
                });
              }
          }
  });

<%= text_field_tag :start_date, params[:start_date], name: 'daterange', class: "form-control form-control-inline input-small date-picker date_range filter_date",size: "16" %>

<%= text_field_tag :end_date, params[:end_date], name: 'daterange', class: "form-control form-control-inline input-small date-picker date_range filter_date",size: "16" %>

请帮忙。

Answer 1

而不是 "onClose" 事件使用 "hide" 事件如 Bootstrap Evnets

中所述

Bootstrap-datepicker onClose 事件问题

Bootstrap-datepicker onClose event issue

javascript

jquery

bootstrap-datepicker