时间戳

首页 > 解决方案 > Bootstrap-datepicker onClose 事件问题

javascript - Bootstrap-datepicker onClose 事件问题

问题描述

我有两个文本输入，并且我已经将引导日期选择器绑定到它们两个。我想在选择日期时触发一个事件。我不能使用 dateChange 因为它在这样做时会触发不必要的事件。所以我想设置一个像 onClose 这样的事件来触发一个 ajax 调用。但问题是，当我选择日期并关闭日期选择器时，它不会调用 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" %>

请帮忙。

标签： javascriptjquerybootstrap-datepicker

解决方案

而不是“onClose”事件，而是使用Bootstrap Evnets中记录的“隐藏”事件

推荐阅读