Tengo un problema con jquery datepicker en materialize, siempre devuelve un valor indefinido en la función onClose:
<input type="text" class="datepicker"> ... $('.datepicker').datepicker({ format: 'yyyy-mm-dd', firstDay: 1, minDate: new Date(), autoClose: true, onClose: function (date, datepicker) { alert("Selected Date: " + date); } });la fecha siempre está indefinida, pero el campo de entrada se completa correctamente con la fecha, por ejemplo, 2022-05-16
¿Hice algo mal? ¿Cómo puedo obtener el valor?
El campo de entrada no tiene ID porque se crea dinámicamente.
Reproduje su fragmento y, como puede ver, funciona bien, mientras no pueda reproducir el problema, será imposible ayudarlo más.
$('.datepicker').datepicker({ format: 'yyyy-mm-dd', firstDay: 1, minDate: new Date(), autoClose: true, onClose: function(date, datepicker) { alert("Selected Date: " + date); } }); <link rel="stylesheet" href="//code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script> <input type="text" class="datepicker">Funciona para mi:
$('.datepicker').datepicker({ format: 'yyyy-mm-dd', firstDay: 1, minDate: new Date(), autoClose: true, onClose: function (date, datepicker) { alert("Selected Date: " + date); } }); <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <input type="text" class="datepicker">