bootstrap datepicker problema di data non valida quando faccio clic sulla data due volte?

Question

Sto usando bootstrap datepicker e ho ricevuto un problema di data non valida in un caso specifico. Se faccio clic su data oggi funziona bene, ma quando faccio clic sulla stessa data di nuovo, rilascia un problema di data non valida.

Lo stesso vale per tutte le date come ho visto altri plug-in in cui non riesco a trovare questo problema.

html: <input id="dp1" type="text" class="form-control input-sm" placeholder="Data CheckIn">

javascript:

$("#dp1").datepicker({ 
    format: "mm-dd-yyyy", 
    viewMode: 'days', 
    todayHighlight: true 
}).on('changeDate', function (ev) { 
    var a = $('#dp1').datepicker('getDate'); 
    $(this).datepicker('hide'); 
    alert(a); 
}); 

jsfiddle example

Answer 1

Notevole il lavoro di un giorno ho risolto problema da solo facendo un piccolo cambiamento nella plugin.

Nel metodo bootstrap-datepicker.js _toggle_multidate la riga 1024 è stata commentata.

else if (ix !== -1) 
{ 
    //this.dates.remove(ix); 
} 

e funzionerà come un fascino. Spero che questo possa aiutare.

Si prega di cercare di fare fatemi sapere se questo caso risolvere il problema Grazie

Answer 2

non è un issue.When si clicca prima volta che fisserà la data selezionata in ingresso quando si fa clic di nuovo stessa data, quindi deselezionerà quella data.

Answer 3

var currentDate; 
 
$('#dp1').datepicker({ 
 
    format: "mm-dd-yyyy", 
 
    viewMode: 'days', 
 
    todayHighlight: true 
 

 
    // currently picked date 
 
    }).on('show', function() { 
 
    currentDate = $(this).val(); 
 
    }) 
 
    // if no date picked replace with previous date 
 
    .on('changeDate', function(ev) { 
 

 

 
    if ($(this).val() === '' || $(this).val() === null) { 
 
     $(this).val(currentDate).datepicker('update'); 
 
    } 
 
    var a = $('#dp1').datepicker('getDate'); 
 
    $(this).datepicker('hide'); 
 
    alert(a); 
 

 
    });

Answer 4

è possibile utilizzare delegato, funziona bene

$("body").delegate('.date' ,'focusin', function() { 
 
    $(this).datepicker({ 
 
     autoclose: true, 
 
     viewMode: 'days', 
 
     todayHighlight: true 
 
    }); 
 
});