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);
});