Bootstrap v4 Datepicker [geschlossen]

114

Ich verwende Bootstrap V4 für meine neue Website, da es sich um Alpha handelt.

Ich kann jedoch nicht sehen, dass es datepicker.js in seinem Build hat.

Weiß jemand, ob dies in V4 enthalten sein wird? Wenn nicht, kann jemand einen guten Datepicker empfehlen?

twitter-bootstrap bootstrap-4

— ottz0
quelle

Für diejenigen, die hier landen

— MastaBaba

Stellen Sie einfach sicher, dass Sie die Datei cal.gif oder / und cal-grey.gif in Project \ Content \ Themes \ Base \ Images \ Media \ Datepicker.js haben, die für mich mit Bootstrap4

— raju1208

Bootstrap 4 - Das Datepicker-Plugin, das Bootstrap 4 unterstützt, lautet codeply.com/p/kS0t1Ko61K. Siehe auch: stackoverflow.com/questions/43046792

— Zim

In den Kommentaren erwähnte Datepicker zeigen den Kalender nicht an, wenn Sie auf Eingabe klicken. Dieser macht gijgo.com/datepicker/example/bootstrap-4

— JerryGoyal

Antworten:

Vielleicht möchten Sie dies versuchen: https://bootstrap-datepicker.readthedocs.org/en/latest/index.html

Es ist ein flexibles Datepicker-Widget im Bootstrap-Stil.

— Andrey Saleba
quelle

Könnten Sie Ihr funktionierendes CSS veröffentlichen? Der Datepicker selbst funktioniert mit Bootstrap 4, ist jedoch nicht gestylt.

— RAC

@RAC Update, ab heute scheint es einige (instabile) Releases zu geben, die mit Bootstrap 4 für mich sehr gut funktioniert

— Brian Leishman

Es gibt einen "Heute" -Button, aber ich sehe keinen Zeitwähler @ EricMilliot-Martinez bootstrap-datepicker.readthedocs.io/en/latest/…

— KSib

Sie können dies verwenden und dann nur ein classFormular aus dem Bootstrap hinzufügen . ^{(spielt keine Rolle welche 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
quelle

Dies ist kein Bootstrap-Steuerelement, aber der Datepicker des Browsers (HTML5-Datumseingabe ist nicht in jedem Browser verfügbar! siehe caniuse.com/#feat=input-datetime )

— Cyptus

Funktioniert nicht auf Safari und IE 11 oder früher

— amar

Der Grund, warum ich nach einem Boostrap4-Datepicker suche, ist, dass ich <input type="date"in meinem Projekt habe und mein Browser (Chrom) mir sagt, dass [Veraltet] '-Webkit-Erscheinungsbild: Listbox' für andere Elemente als Listbox-Auswahl veraltet ist und sein wird In M79 um Dezember 2019 entfernt. Weitere Informationen finden Sie unter chromestatus.com/features/5070237827334144 . Da der Dezember 2019 morgen in der Woche beginnt, dachte ich, ich brauche eine Alternative!

— Bill Naylor

Ich habe eine Maven-Abhängigkeit gefunden:

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

Ich hoffe, sie macht das, was ich will. Ich muss nur herausfinden, wie ich sie jetzt verwenden kann!

— Bill Naylor

Dadurch wird der Wert von ASP.NET MVC nicht gebunden. Muss ich den Wert manuell in JS einstellen?

— Ali123

Die meisten Bootstrap-Datepicker, während ich diese Antwort schreibe, sind ziemlich fehlerhaft, wenn sie in Bootstrap 4 enthalten sind. Meiner Ansicht nach ist die am wenigsten Code hinzufügende Lösung ein jQuery-Plugin. Ich habe dieses https://plugins.jquery.com/datetimepicker/ verwendet - Sie können seine Verwendung hier sehen: https://xdsoft.net/jqplugins/datetimepicker/ Es ist sicher nicht so reibungslos wie die gesamte BS-Schnittstelle, aber es benötigt nur seine CSS- und JS-Dateien zusammen mit jQuery, das bereits in Bootstrap enthalten ist.

— Slinky Faultier
quelle

Es ist wahr, ich versuche ein Juwel und lib: github.com/tempusdominus/bootstrap-4, aber es ist so

— fehlerhaft

Yeaah .... Tempusdominus hat viele Fehler

— Daniel