javascript - español - Bootstrap Datepicker en cambio disparando 3 veces

datepicker format

Question

Hola, he estado tratando de obtener la fecha de un selector de fecha de arranque y he podido, pero parece que se dispara 3 veces. NOTA: Este no es un selector de fecha jquery sino un selector de fecha de arranque.

Utilizando este selector de fecha: https://github.com/eternicode/bootstrap-datepicker , no eyecon.ro antiguo.

 $(".date-picker").on("change", function(e) {
contents = $(this).val();
id = $(this).attr(''id'');
console.log("onchange contents: " + contents);
console.log("onchange id: " + id);
});

HTML:

<input id="start_date" type="text" data-date-format="yyyy-mm-dd" class="date-picker form-control" />

He usado algunas otras opciones además del cambio, como

$(''.date-picker'').datepicker().change(function(){};

Pero esto no cierra el selector de fechas, esperando que haya una solución fácil para esto. Gracias

Answer 1

Como algunos ya han mencionado, usa esto:

$(''#calendar'').on("changeDate", function() {
});

El truco es usar changeDate lugar de change .

Answer 2

Deberías estar usando el evento "changeDate". Por ejemplo:

var datePicker = $(''.date-picker'').datePicker().on(''changeDate'', function(ev) {
//Functionality to be called whenever the date is changed
});

Por favor vea la documentación here para más información sobre este evento.

Answer 3

Obtenga el conteo global de variables y verifique si es igual a 0 y luego ejecute su función.

var count=0;
$( "#Id" ).datepicker({ minDate: 0}).on(''change'',function (){
if(count==0)
validity();//any function
count=1;
});
validity(){ count=0;}

Answer 4

Parece como si al verificar el evento de change , si el cambio fuera de la interacción real del usuario , el evento de cambio contenga un valor para originalEvent .

El evento NO contiene este valor si la entrada se cambió a través de JS: $obj.val(''1990-03-07'').change() y lo mismo con bootstrap-datepicker

Así es como lo configuro:

Configuración inicial genérica

// General selector for date inputs
var $obj = $(''input[type="date"]'');
$obj.datepicker({
// options here, not important for this example
});

Manejar cambios específicos bootstrap-datepicker

$obj.datepicker().on(''changeDate'', function (event) {
handleInputDateAndTimeChange(event);
});

Ahora, lidiar con los cambios de interacción del usuario

$(''input[type="date"], input[type="time"]'').change(function (event) {
// This checks if change was initiated by user input and NOT JS
if(event.originalEvent !== undefined) {
handleInputDateAndTimeChange(event);
}
});

Y finalmente, aquí está la función handleInputDateAndTimeChange

function handleInputDateAndTimeChange(event) {
var $input = $(event.target);
// Do what you want with $input object here...
}

Answer 5

Por favor use la función changeDate en lugar del cambio.

Answer 6

Probé la respuesta de # pgee70 y no me funciona. Así que esta es mi solución, espero su ayuda.

var send=true;
$(''.input-group.date'').datepicker({
todayBtn: "linked",
keyboardNavigation: false,
forceParse: false,
language: ''es-ES'',
weekStart: 1,
format: ''dd/mm/yyyy'',
enableOnReadonly:false,
calendarWeeks: true,
autoclose: true,
todayHighlight:true
}).on("changeDate", function(e) {
if(send){
modificarFechaAplicacionCliente($("#input_filtro_fecha_cliente").val());
send=false;
}
setTimeout(function(){send=true;},200);
});

No es una solución idónea, pero es trabajo.

Answer 7

Se ha corregido encontrar su archivo js datepicker fijo HERE

Lea la descripción de la fijación HERE

Answer 8

Similar a la respuesta anterior, pero debe usar el selector de fechas a menos que haya cambiado el nombre de la función:

var datePicker = $(''.date-picker'').datepicker().on(''changeDate'', function(ev) {
//Functionality to be called whenever the date is changed
});

Esto funciona para mí, excepto en mi caso, cambié el nombre de la función a datepickerBootstrap para evitar el choque con JQuery. Entonces se convertiría en:

var datePicker = $(''.date-picker'').datepickerBootstrap().on(''changeDate'', function(ev) {
// On change functionality
});

Answer 9

no soluciona el problema, pero estaba usando el selector de fechas para enviar a través de una publicación de ajax, por lo que los 3 eventos de cambio me estaban causando problemas: el 3er evento siempre fallaba. incluso si la documentación dice que se debe usar un evento changeDate, no me parece correcto disparar el evento change de la etiqueta de entrada 3 veces. ¡El valor no cambia 3 veces!

Escribí una función simple de ''rebotar'' para solucionar el problema. no soluciona el problema, lo que se debe a que se activaron múltiples eventos de cambio desde los métodos: setValue (línea 508) _setDate: (línea 1048) y setValue (línea 508) (versión 1.3.0) del widget.

 var lastJQueryTS = 0 ;// this is a global variable.
....
// in the change event handler...
var send = true;
if (typeof(event) == ''object''){
if (event.timeStamp - lastJQueryTS < 300){
send = false;
}
lastJQueryTS = event.timeStamp;
}
if (send){
post_values(this);
}

es bastante simple, solo encuentra el ''evento'' de jquery, y se asegura de que los valores en una ventana de 300ms sean ignorados. en mi prueba todo esto sucedió en 30 mseg aproximadamente.

Answer 10

poco molesto .. mi código era:

var c=0;var send=false;
$(document).ready(function() {
jQuery( ".ed" ).datepicker({
format: "yyyy-mm-dd",
autoclose:!0
}).on(''change'',function() {
if(c==2){
c=0;
send=true;
}else{
c++;
send=false;
}
});
});

Answer 11

var pickerFireCount = 0;
function checkSelectedDateIsHollyday(rId) {
pickerFireCount++;
if (pickerFireCount == 3) {
if (!selectedDateIsHolyday(rId)) {
showInfoMessage(''The date you selected is a holiday.'');
pickerFireCount = 0;
}
}
}