javascript - example - datetimepicker format

Bootstrap Datepicker vuelve a inicializar el formato de fecha

Question

Tengo el marcador de fecha de Bootstrap con el formato predeterminado mm / dd / aaaa , y seleccioné donde puedo cambiar el formato de mm / dd / aaaa a dd / mm / aaaa y viceversa.

En el cambio de selección, quiero mi formato de cambio de fechador.

Lo intenté

find(''#options-date_format'').on(''change'', function(){
$("#picker").datepicker({format: formatDate})
});

pero no está funcionando, y no puedo encontrar la forma de hacerlo. También intenté eliminar / destruir datepicker pero obtuve el error de javascript.

Gracias

Answer 1

Cuando tiene muchos selectores de fecha, puede usar un selector de clase y restablecerlos todos, e inicializar con la clase. Muestra de código a continuación. En el ejemplo, todos los elementos de entrada tendrán la clase date-picker

function resetDatePickers(){
$(''.date-picker'').each(function(index){
$(this).datepicker(''remove'');
});
$(''.date-picker'').datepicker({
format: "dd/mm/yyyy",
startView: 2,
orientation: "top auto"
});
}
resetDatePickers();

Answer 2

Creo que el enfoque a continuación está funcionando,

1, Siempre que cambie el formato, desacople y luego vuelva a conectar de nuevo al elemento.

$("#dp3").datepicker(); // initialization
$(''select'').on(''change'', function () {
var d = $(''select option:selected'').text();
if (d == 2) {
$("#dp3").datepicker(''remove''); //detach
$("#dp3").datepicker({ //re attach
format: "dd/mm/yyyy"
})
} else {
$("#dp3").datepicker(''remove''); //detach
$("#dp3").datepicker({ //re attach
format: "mm/dd/yyyy"
})
}
});

JSFiddle

Answer 3

Ok, resuelvo esto extendiendo bootstra-datepicker.js

setFormat: function(format) {
this.format = DPGlobal.parseFormat(format);
}

Y llama a esa función

find(''#options-date_format'').on(''change'', function(){
$("#picker").datepicker(''setFormat'', newFormat);
});