Saltar al contenido

Establezca la fecha para que esté inicialmente vacía en bootstrap-datepicker

El tutorial o código que encontrarás en este post es la solución más rápida y válida que encontramos a tus dudas o dilema.

Solución:

¡Hay una manera mucho más fácil de hacer esto! Para establecer un valor

$('#listing_filter_available').datepicker();
$('#listing_filter_available').datepicker('setValue', nextMonth);

Para establecer un valor en blanco

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

Acabo de encontrar un caso de uso muy similar. Con un par de ajustes en bootstrap-datepicker.js, creo que lo tengo funcionando.

Deberá editar el script en dos lugares.

Para el campo de fecha, verifico si la fecha (this.date) está establecida en la fecha de inicio de Unix (.eg, fecha en blanco). Si es así, salga y deje el campo en blanco.

(línea: 95 – aprox.)

    setValue: function () {
        // EDIT - Don't setValue if date = unix date start
        if (DPGlobal.formatDate(this.date, this.format) == DPGlobal.formatDate(new Date(1970, 1, 1, 0, 0, 0), this.format)) return false;
        // END EDIT

Para el calendario desplegable, también verifico si la fecha (this.date) está establecida en la fecha de inicio de Unix. Si es así, ajuste la fecha a hoy. Estoy haciendo esto para que cuando un usuario haga clic en el campo de fecha, muestre el mes actual en lugar de febrero de 1970.

(línea: 144 – aprox.)

llenar: función () {

      //  EDIT - Set date in fill to today if date is "blank" (eg Unix start date)
            var d = ((DPGlobal.formatDate(this.date, this.format) == DPGlobal.formatDate(new Date(1970, 1, 1, 0, 0, 0), this.format))) ? new Date() : new Date(this.viewDate),
      //  original code
            //    var d = new Date(this.viewDate),
      //  END EDIT 

Creo que eso es todo lo que necesitas hacer. Acabo de implementar esto en mi solución, por lo que si alguien encuentra algún problema o tiene alguna sugerencia mejor, me encantaría escucharla.

Me encontré con un problema similar y esto funciona para mí.

$(".date-picker").datepicker("setDate", "");

Así que ahora, cuando mi página se carga, está vacía por defecto, el campo no es obligatorio, por lo que no tienen que elegir una fecha y mi controlador se encargará de eso, o pueden elegir una fecha y el controlador se encargará de eso. también.

Si crees que te ha resultado de provecho nuestro artículo, sería de mucha ayuda si lo compartes con otros seniors y nos ayudes a difundir este contenido.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *