Использование jQuery Datepicker и dateFormat, altFormat и altField с $(this) ⇐ Jquery

[Anonymous]

Используя jQuery Datepicker, я не могу заставить dateFormat, altFormat и altField работать правильно и выводить переменные в формате altFormat и использовать jQuery $(this)?
В В приведенном ниже примере текстовый ввод в средство выбора даты показывает, например, 20241218, а console.logs показывает, например, дату четверга, 26 декабря 2024 года. 00:00:00 GMT-0700. Я пытаюсь обновить переменные startDate и endDate каждый раз, когда пользователь выбирает дату, чтобы переменные в формате ггммдд можно было использовать в строке запроса URL.
I поймите, что datepicker("option", "minDate", startDate) во втором и третьем функциональных блоках, похоже, перезаписывает параметры в первой функции .datepicker({dateFormat: "MM dd, yy", altFormat: "ггммдд", altField: "#start_date_picker"}). Но то, что я пробовал, вызывает ошибки Javascript.
Похоже, разница связана с использованием $(this)this при создании переменных startDate и endDate во втором и третьем функциональных блоках.
Как мне использовать dateFormat, altFormat и altField, чтобы они работали? И вывести startDate и endDate в формате ггммдд?
https://jsfiddle.net/b302qwhd/
$(function() {
$("#start_date_picker")
.datepicker({dateFormat: "MM dd, yy",
altFormat: "yymmdd", altField: "#start_date_picker"});
$("#end_date_picker")
.datepicker({dateFormat: "MM dd, yy",
altFormat: "yymmdd", altField: "#end_date_picker"});
});

$('#start_date_picker').on("change",function(){
startDate = $(this).
datepicker('getDate');
$("#end_date_picker").
datepicker("option", "minDate", startDate);
console.log(startDate);
})

$('#end_date_picker').on("change",function(){
endDate = $(this).
datepicker('getDate');
$("#start_date_picker").
datepicker("option", "maxDate", endDate);
console.log(endDate);

});


Подробнее здесь: https://stackoverflow.com/questions/793 ... -with-this