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

versión: 2.3.2

Estoy teniendo problemas para borrar los valores de fecha de la datepicker cuando hace clic en un botón. He comprobado la API, pero no puede encontrar nada sobre cómo borrar/restablecer el selector de fecha. Cualquier ayuda es bienvenida

InformationsquelleAutor user2906420 | 2014-03-05

8 Comentarios

  1. 27

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

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

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

    Puede utilizar el .función val() de jQuery.

    $("#reset-date").click(function(){
        $('#datepicker').val("").datepicker("update");
    })
    • Este truco no claro startdate endate límite,que se ajuste por setStartDate,setEndDate opciones
    • Creo que se puede utilizar setStartDate y setEndDate métodos sin parámetros para el establecimiento de límites claros. bootstrap-datepicker.readthedocs.org/en/release/…
    • esta no es la respuesta apropiada
    • Este no es clara la fecha. Se puede comprobar que con esto en la consola. $("#datepicker").datepicker("getDate") que todavía da la anterioridad de la fecha seleccionada. Debe canalizar .datepicker('update') hasta el final, como en la respuesta a continuación.
    • Gracias por decírmelo, he actualizado mi respuesta.
  2. 32

    Yo estaba teniendo problemas similares y los siguientes trabajó para mí:

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

    Tanto el método de las llamadas eran necesarios, de lo contrario no claro.

    • Esto hizo que el truco para mí. Ser consciente de que «actualizar» desencadenantes «otro » changeDate’ evento.
    • Esta es la mejor solución que la aceptación de uno 🙂
  3. 19

    Actual versión 1.4.0 ha clearBtn opción:

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

    Además de añadir el botón a la interfaz permite borrar el valor de la casilla de entrada manualmente.

    • Este fue clearBtn: true añadido a llevar el botón de borrar en el interior de la fecha de selector de la derecha?
    • Por alguna razón el estilo para el botón borrar se rompe para mí.
    • Sí, Que hizo por mí..Gracias!
    • A menos que me estoy perdiendo algo que realmente no puedes usar esto para eliminar en el cuadro de entrada manualmente. Eliminar el texto no hace fuego el ‘clearDate evento, pero el botón de incendios ‘clearDate’ y ‘changeDate’. Así que para mí el problema es que al presionar el botón acciona mi evento de devolución de llamada dos veces.
    • En la versión 4.17… ahora es showClear: true,
  4. 6

    Me encontré con este hilo, mientras que tratando de borrar la fecha ya establecida. Intentar:

    $('#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

    Pensando que tal vez era necesario incluir la original selector de fecha para el bootstrap elimina el error, pero, a continuación, hace que la original widget Datepicker a aparecer! – así que es evidentemente falso, y no es necesario.

    A mirar más allá, de la caída 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.

    Investigar más – me di cuenta de que lo que se necesitaba era:

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

    Que resolvió mi problema. Nota también necesitaba la $formControl.removeData() de lo contrario el estado del widget no se reinicializa al estado inicial.

    Espero que esto ayude a alguien más. 🙂

    • esto funcionó para mí – lo que es una absoluta galimatías!
    • Hola, he recibiendo el mismo error y también aplicó la misma solución para esto, pero no obtener el éxito. es allí cualquier jquery/bootstrap versión de problema? ¿y hay algún bloque específico para colocar este código?
    • Ninguna de las otras soluciones, pero esto funcionó para mí.
    • Sin embargo, si uno trata de obtener valor de fecha como var datevalue = $(‘#datepikcercontrol’).de datos(‘fecha’); todavía le dará el valor de fecha seleccionado anteriormente con la solución anterior, la lectura de los datos de esta manera funcionó para mí var datevalue = $(«#datepikcercontrol»).encontrar(«input»).val();
    • Esto de quitar completamente el campo de entrada de DOM, y no puede selecte daterange más
  5. 1

    Sé que es demasiado tarde para responder, pero en mi escenario a continuación el código no estaba funcionando.

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

    aquí está mi solución.

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

    Me hizo claro datepicker valor primero y luego eliminado selector de fecha y de nuevo reinicializar el selector de fecha. su resolvió mi problema.

  6. 0

    Me encontré con este hilo, mientras que tratando de averiguar por qué las fechas no se borra en IE7/IE8.

    Tiene que ver con el hecho de que IE8 y anteriores requieren un segundo parámetro de la Matriz.el prototipo.método splice ().
    Aquí está el código original de la bootstrap.datepicker.js:

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

    Añadiendo el segundo parámetro resuelto mi problema:

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

Dejar respuesta

Please enter your comment!
Please enter your name here