Bootstrap v4 datepicker [cerrado]


114

Estoy usando Bootstrap V4 para mi nuevo sitio web, ya que está en Alpha.

Sin embargo, no puedo ver que tenga datepicker.js en su compilación.

¿Alguien sabe si esto se incluirá en V4? Si no, ¿alguien puede recomendar un buen selector de fechas?


4
Para aquellos que terminan aquí: tempusdominus.github.io/bootstrap-4
MastaBaba

Solo asegúrese de tener el archivo cal.gif o / y cal-grey.gif disponible en Project \ Content \ themes \ base \ images \ media \ datepicker.js funcionando bien para mí con Bootstrap4
raju1208

Bootstrap 4 : el complemento datepicker que admite Bootstrap 4 es codeply.com/p/kS0t1Ko61K también consulte: stackoverflow.com/questions/43046792
Zim

Los selectores de fechas mencionados en los comentarios no muestran el calendario al hacer clic en la entrada. este hace gijgo.com/datepicker/example/bootstrap-4
JerryGoyal

Respuestas:


58

Quizás quieras probar esto: https://bootstrap-datepicker.readthedocs.org/en/latest/index.html

Es un widget de selector de fechas flexible en el estilo Bootstrap.


4
¿Podrías publicar tu CSS funcional? El selector de fechas en sí funciona con bootstrap 4 pero no tiene estilo.
RAC

4
@RAC Update, a partir de hoy parece que hay algunas versiones (inestables) de esto que funcionaron muy bien con Bootstrap 4 para mí cdnjs.com/libraries/bootstrap-datepicker/1.7.0-RC3
Brian Leishman

Hay un botón "hoy", pero no veo un selector de tiempo @ EricMilliot-Martinez bootstrap-datepicker.readthedocs.io/en/latest/…
KSib

43

Puede usar esto y luego puede agregar solo un classformulario desde bootstrap. (no importa qué versión)

<div class="form-group">
 <label >Begin voorverkoop periode</label>
 <input type="date" name="bday" max="3000-12-31" 
        min="1000-01-01" class="form-control">
</div>
<div class="form-group">
 <label >Einde voorverkoop periode</label>
 <input type="date" name="bday" min="1000-01-01"
        max="3000-12-31" class="form-control">
</div>

45
esto no es un control de arranque, sino el selector de fechas de los navegadores (entrada de fecha html5, ¡no está disponible en todos los navegadores! ver caniuse.com/#feat=input-datetime )
cyptus

4
No funcionará en safari e IE 11 o antes
amar

La misma razón por la que estoy buscando un selector de fecha boostrap4 es porque tengo <input type="date"en mi proyecto y mi navegador (chromium) me dice que [Desaprobación] '-webkit-apariencia: cuadro de lista' para elementos que no sean la selección de cuadro de lista está desaprobado y será eliminado en M79, alrededor de diciembre de 2019. Consulte chromestatus.com/features/5070237827334144 para obtener más detalles. Como diciembre de 2019 comienza la semana de mañana, ¡pensé que necesitaba una alternativa!
Bill Naylor

Encontré una dependencia de maven: <dependency> <groupId>org.webjars.bowergithub.pingcheng</groupId> <artifactId>bootstrap4-datetimepicker</artifactId> <version>4.17.45</version> </dependency>que espero que haga lo que quiero, ¡solo tengo que descubrir cómo usarla ahora!
Bill Naylor

Esto no vincula el valor de ASP.NET MVC. ¿Tengo que pasar y establecer el valor manualmente en JS?
Ali123

7

La mayoría de los selectores de fechas de bootstrap mientras escribo esta respuesta tienen errores cuando se incluyen en Bootstrap 4. En mi opinión, la solución que menos código agrega es un complemento jQuery. Usé este https://plugins.jquery.com/datetimepicker/ ; puedes ver su uso aquí: https://xdsoft.net/jqplugins/datetimepicker/ Seguro que no es tan fluido como toda la interfaz BS, pero solo requiere sus archivos css y js junto con jQuery, que ya está incluido en bootstrap.


3
Es cierto, probé un poco de gema y lib: github.com/tempusdominus/bootstrap-4 pero tiene muchos errores
truongnm

1
Sí ... tempusdominus tiene muchos errores
Daniel
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.