$(function(){ $( ".cal_date" ).datepicker({ format: 'yyyy-mm-dd', todayHighlight:true, viewDate:true, multidate: true, }) .on('changeDate', function(e) { console.log(e.format()); } ) $( "#datepicker_12492" ).datepicker('setDates',["2022-03-12","2022-03-15","2022-03-18","2022-03-13","2022-03-31"]); }); <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.standalone.min.css" rel="stylesheet"> <div class="cal_date" id="datepicker_12492"></div>Tengo varios selectores de fechas de arranque en una página y cada uno seleccionará varias fechas y las guardará en la base de datos. Esto funciona usando onchangedata y e.format(). El problema es cuando el calendario se carga con las fechas guardadas e intenta deseleccionar una guardada cuando hay varias fechas. e.format() no devuelve la fecha seleccionada. En el ejemplo, si selecciona 2022-03-15, mostrará 2022-03-31 en la función changeDate.
$( ".cal_date" ).datepicker({ format: 'yyyy-mm-dd', todayHighlight:true, viewDate:true, multidate: true, }) .on('changeDate', function(e) { console.log(e.format()); }); $( "#datepicker_userid" ).datepicker('setDates',["2022-03-12","2022-03-15","2022-03-18","2022-03-13","2022-03-31"]);Estoy seguro de que es algo fácil que me estoy perdiendo, pero cualquier ayuda es apreciada.
¡Gracias!