Datepicker Bootstrap v4 [chiuso]

114

Sto usando Bootstrap V4 per il mio nuovo sito web visto che è in Alpha.

Tuttavia non riesco a vedere che ha datepicker.js nella sua build.

Qualcuno sa se questo sarà incluso nella V4? In caso contrario, qualcuno può consigliare un buon datepicker?

twitter-bootstrap bootstrap-4

— ottz0
fonte

Per quelli che finiscono qui: tempusdominus.github.io/bootstrap-4

— MastaBaba

Assicurati solo di avere il file cal.gif o / e cal-grey.gif disponibile in Project \ Content \ themes \ base \ images \ media \ datepicker.js che funzioni bene per me con Bootstrap4

— raju1208

Bootstrap 4 - Il datepicker plugin che supporti Bootstrap 4 è codeply.com/p/kS0t1Ko61K vedi anche: stackoverflow.com/questions/43046792

— Zim

i datepicker menzionati nei commenti non mostrano il calendario quando si fa clic sull'input. questo fa gijgo.com/datepicker/example/bootstrap-4

— JerryGoyal

Risposte:

Forse vuoi provare questo: https://bootstrap-datepicker.readthedocs.org/en/latest/index.html

È un widget di selezione della data flessibile in stile Bootstrap.

— Andrey Saleba
fonte

Potresti pubblicare il tuo CSS funzionante? Lo stesso datepicker funziona con bootstrap 4 ma non ha uno stile.

— RAC

@RAC Update, ad oggi sembra che ci siano alcune versioni (instabili) di questo che hanno funzionato molto bene con Bootstrap 4 per me cdnjs.com/libraries/bootstrap-datepicker/1.7.0-RC3

— Brian Leishman

C'è un pulsante "oggi", ma non vedo un selettore dell'ora @ EricMilliot-Martinez bootstrap-datepicker.readthedocs.io/en/latest/…

— KSib

Puoi usarlo e poi puoi aggiungere solo un classmodulo da bootstrap. ^{(non importa quale versione)}

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

questo non è un controllo bootstrap ma il datepicker del browser (input della data html5, non è disponibile in tutti i browser! vedere caniuse.com/#feat=input-datetime )

— cyptus

Non funziona su Safari e IE 11 o versioni precedenti

— amar

Il vero motivo per cui sto cercando un datepicker boostrap4 è perché ho <input type="date"nel mio progetto e il mio browser (chromium) mi dice che [Deprecation] '-webkit-inspiration: listbox' per elementi diversi da listbox select è deprecato e lo sarà rimosso in M79, intorno a dicembre 2019. Vedi chromestatus.com/features/5070237827334144 per maggiori dettagli. Dato che dicembre 2019 inizia la settimana di domani, pensavo di aver bisogno di un'alternativa!

— Bill Naylor,

Ho trovato una dipendenza esperta:

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

che spero farà quello che voglio, devo solo scoprire come usarla ora!

— Bill Naylor

Ciò non associa il valore da ASP.NET MVC. Devo passare manualmente il valore impostato in JS?

— Ali123

La maggior parte dei datapicker bootstrap mentre scrivo questa risposta sono piuttosto buggati quando sono inclusi in Bootstrap 4. A mio avviso la soluzione per l'aggiunta di codice minimo è un plugin jQuery. Ho usato questo https://plugins.jquery.com/datetimepicker/ - puoi vedere il suo utilizzo qui: https://xdsoft.net/jqplugins/datetimepicker/ Di sicuro non è fluido come l'intera interfaccia BS, ma richiede solo i suoi file css e js insieme a jQuery che è già incluso in bootstrap.

— Slinky Sloth
fonte

È vero, provo qualche gemma e lib: github.com/tempusdominus/bootstrap-4 ma è così buggy

— truongnm

Sì ... tempusdominus ha molti errori

— Daniel