Я использую 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" />