javascript - example - datepicker hour

Borrar el valor de bootstrap-datepicker

Question

Estoy usando bootstrap-datepicker desde aquí: https://github.com/eternicode/bootstrap-datepicker

versión: 2.3.2

Tengo problemas para borrar los valores de fecha del selector de fecha cuando se hace clic en un botón. He comprobado la API, pero no puedo encontrar nada al borrar / restablecer el selector de fecha. Cualquier ayuda es bienvenida

Answer 1

En realidad, es mucho más útil usar el método que viene con la biblioteca como este $(".datepicker").datepicker("clearDates");

Te recomiendo que siempre mires la documentación de la biblioteca, aquí está la que usé para esto.

documentación de los métodos bootstrap-datepicker

Answer 2

Estaba teniendo problemas similares y lo siguiente me funcionó:

$(''#datepicker'').val('''').datepicker(''update'');

Ambos métodos de llamadas fueron necesarios, de lo contrario no se aclaró.

Answer 3

La versión actual 1.4.0 tiene la opción clearBtn :

$(''.datepicker'').datepicker({
    clearBtn: true
});

Además de agregar un botón a la interfaz, permite eliminar el valor del cuadro de entrada manualmente.

Answer 4

Me encontré con este hilo al intentar averiguar por qué las fechas no se estaban borrando en IE7 / IE8.
Tiene que ver con el hecho de que IE8 y anteriores requieren un segundo parámetro para el método Array.prototype.splice (). Aquí está el código original en bootstrap.datepicker.js:

clear: function(){
    this.splice(0);
},

Agregando el segundo parámetro resolví mi problema:

clear: function(){
    this.splice(0,this.length);
},

Answer 5

Me encontré con este hilo al intentar borrar la fecha ya establecida. Intentando:

$(''#datepicker'').val('''').datepicker(''update'');

producido:

TypeError: t.dpDiv is undefined 
https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js -- Line 8

¡Pensar que tal vez uno necesitaba incluir el Datepicker original para bootstrap elimina el error, pero luego hace que aparezca el widget del Datepicker original! - Así que eso obviamente es incorrecto y no es necesario.

Mirando más lejos, el choque en jqueryui está en:

    /* Generate the date picker content. */
_updateDatepicker: function(inst) {
    this.maxRows = 4; //Reset the max number of rows being displayed (see #7043)
    datepicker_instActive = inst; // for delegate hover events
    inst.dpDiv.empty().append(this._generateHTML(inst));
    this._attachHandlers(inst);

y inst.pdDiv no existe.

Investigando más a fondo, me di cuenta de que lo que se necesitaba era:

        $formControl = $duedate.find("input");
        $formControl.val('''');
        $formControl.removeData();

Lo que resolvió mi problema. Tenga en cuenta que también necesitaba $ formControl.removeData () de lo contrario, el estado del widget no se reinicializaría al estado inicial.

Espero que esto ayude a alguien más. :-)

Answer 6

Puede usar jQuery para borrar el valor de su entrada de fecha.

Por ejemplo, con un botón y una entrada de texto como esta:

<input type="text" id="datepicker">
<button id="reset-date">Reset</button>

Puedes usar la función .val () de jQuery.

$("#reset-date").click(function(){
    $(''#datepicker'').val("").datepicker("update");
})

Answer 7

Puede utilizar esta sintaxis para restablecer el selector de fechas del programa de arranque

$(''#datepicker'').datepicker(''update'','''');

referencia http://bootstrap-datepicker.readthedocs.org/en/latest/methods.html#update

Answer 8

Sé que es demasiado tarde para responder, pero en mi escenario, el código no funcionaba.

 $(''#datepicker'').val("");
 $(''#datepicker'').val('''').datepicker(''update'');
 $(''#datepicker'').datepicker(''update'','''');

Aquí está mi solución.

 $(''#datepicker'').val('''').datepicker(''remove'').datepicker();

Primero borré el valor del selector de fecha, luego eliminé el selector de fecha y reinicié de nuevo el selector de fecha. Está resuelto mi problema.