Bootstrap v4 datepicker [fermé]

114

J'utilise Bootstrap V4 pour mon nouveau site Web, car il est en Alpha.

Cependant, je ne peux pas voir qu'il a datepicker.js dans sa construction.

Est-ce que quelqu'un sait si cela sera inclus dans la V4? Sinon, quelqu'un peut-il recommander un bon datepicker?

twitter-bootstrap bootstrap-4

— ottz0
source

Pour ceux qui finissent ici: tempusdominus.github.io/bootstrap-4

— MastaBaba

Assurez-vous simplement que le fichier cal.gif ou / et cal-grey.gif est disponible dans Project \ Content \ themes \ base \ images \ media \ datepicker.js qui fonctionne bien pour moi avec Bootstrap4

— raju1208

Bootstrap 4 - Le plugin datepicker qui prend en charge Bootstrap 4 est codeply.com/p/kS0t1Ko61K voir aussi: stackoverflow.com/questions/43046792

— Zim

les datepickers mentionnés dans les commentaires ne montrent pas le calendrier en cliquant sur l'entrée. celui-ci fait gijgo.com/datepicker/example/bootstrap-4

— JerryGoyal

Réponses:

Peut-être que vous voulez essayer ceci: https://bootstrap-datepicker.readthedocs.org/en/latest/index.html

C'est un widget datepicker flexible dans le style Bootstrap.

— Andrey Saleba
source

Pourriez-vous publier votre CSS de travail? Le datepicker lui-même fonctionne avec bootstrap 4 mais il n'est pas stylé.

— RAC

@RAC Update, à ce jour, il semble qu'il y ait des versions (instables) de ceci qui ont très bien fonctionné avec Bootstrap 4 pour moi cdnjs.com/libraries/bootstrap-datepicker/1.7.0-RC3

— Brian Leishman

Il y a un bouton "aujourd'hui", mais je ne vois pas de sélecteur d'heure @ EricMilliot-Martinez bootstrap-datepicker.readthedocs.io/en/latest/…

— KSib

Vous pouvez l'utiliser et ensuite vous pouvez ajouter simplement un classformulaire à partir de bootstrap. ^{(peu importe la version)}

<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>

— sadeq alshaar
source

ce n'est pas un contrôle bootstrap mais le datepicker des navigateurs (saisie de date html5, il n'est pas disponible dans tous les navigateurs! voir caniuse.com/#feat=input-datetime )

— cyptus

Ne fonctionnera pas sur Safari et IE 11 ou version antérieure

— amar

La raison même pour laquelle je recherche un datepicker boostrap4 est que je l'ai <input type="date"dans mon projet et que mon navigateur (chrome) me dit que [Deprecation] '-webkit-looks: listbox' pour les éléments autres que listbox select est obsolète et sera supprimé dans M79, vers décembre 2019. Voir chromestatus.com/features/5070237827334144 pour plus de détails. Comme décembre 2019 commence la semaine de demain, j'ai pensé que j'avais besoin d'une alternative!

— Bill Naylor

J'ai trouvé une dépendance maven:

<dependency>     <groupId>org.webjars.bowergithub.pingcheng</groupId>     <artifactId>bootstrap4-datetimepicker</artifactId>     <version>4.17.45</version> </dependency>

qui, je l'espère, fera ce que je veux, il suffit de savoir comment l'utiliser maintenant!

— Bill Naylor

Cela ne lie pas la valeur d'ASP.NET MVC. Dois-je réussir à définir la valeur manuellement dans JS?

— Ali123

La plupart des sélecteurs de date bootstrap au moment où j'écris cette réponse sont plutôt bogués lorsqu'ils sont inclus dans Bootstrap 4. À mon avis, la solution qui ajoute le moins de code est un plugin jQuery. J'ai utilisé celui-ci https://plugins.jquery.com/datetimepicker/ - vous pouvez voir son utilisation ici: https://xdsoft.net/jqplugins/datetimepicker/ Ce n'est certainement pas aussi fluide que l'ensemble de l'interface BS, mais il ne nécessite que ses fichiers css et js avec jQuery qui est déjà inclus dans bootstrap.

— Slinky Sloth
source

C'est vrai, j'essaye des gemmes et des lib: github.com/tempusdominus/bootstrap-4 mais c'est tellement

— bogué

Ouais .... tempusdominus a beaucoup d'erreurs

— Daniel