Hello,

thank you for these explanations.
I tried unsuccessfully to understand the documentation on datepickers hidden inputs (especially since the codes given do not correspond to the explanations). I am still trying to understand your explanations, but I have not yet succeeded, I have not yet obtained any result by adapting your code.
Although I am not very familiar with jQuery, I will continue to try to better understand the line of code you are proposing.
So far I have found a temporary solution by reaching the hidden input with js and DOM (.nextElementSibling).

Best regards

Hi,

Based on the Datepicker documentation when custom format is given, second, hidden input element with the same name attribute as the original (only if original input has name attribute) with an optional prefix/suffix is created and takes formatted value. If you want to get the formatted value you'd have to target this hidden input value. Based on your snippet for the input with name='value' attribute getting its hidden value would look like following:

$('.datepicker').on('change', function() {
  var dateObject = new Date($("#date-picker-example input[name='value']").val())
  var dateString = dateObject.getFullYear() + '-' + (dateObject.getMonth() + 1) + '-' + dateObject.getDate();// to use it in php
  $('p').text(dateString)
})

I hope this will help you with your problem.

Keep coding, Marcin