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