Запустите AJAX, когда jQuery UI datetimepicker закрыт и дата / время изменены - PullRequest
0 голосов
/ 05 февраля 2019

Я использую AJAX, когда datetimepicker закрывается после выбора даты и времени.Проблема обнаружена, когда дата и время не изменены, а AJAX все еще работает.Я хочу запускать AJAX только при изменении даты или времени и при закрытии datetimepicker.Если остаются те же дата и время, AJAX не вызывается.

Вот мой код:

$(document).ready(function() {
  $("#hidden_datepicker").datetimepicker({
    dateFormat: "yy-mm-dd",
    timeFormat: "HH:mm:ss",
    showButtonPanel: false,
    onClose: function() {
      // To stop time slider from removing the button text when clicking
      if ($(this).val() != '') {
        $.ajax({
          type: 'POST',
          url: 'ajax/date-format.php',
          data: 'date=' + $(this).val(),
          success: function(data) {
            $("#btndate").text(data);
            // Hide datepicker
            $("#hidden_customer_progress_date").datetimepicker("hide");
          }
        });
      }
    }
  });

  $("#btndate").click(function() {
    // Check if datepicker is open
    if ($("#hidden_datepicker").datepicker("widget").is(":visible")) {
      $("#hidden_datepicker").datetimepicker("hide");
    } else {
      $("#hidden_datepicker").datetimepicker("show");
    }
  });

});
#hidden_datepicker {
  visibility: hidden;
  width: 0;
  height: 0;
}
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/ui-lightness/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.1/jquery-ui-timepicker-addon.css" />
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.1/i18n/jquery-ui-timepicker-addon-i18n.js"></script>

<button type="button" id="btndate">Date</button>
<input type="text" id="hidden_datepicker" />
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...