Bootstrap v4 tarih seçici [kapalı]


114

Alpha'da olduğunu gören yeni web sitem için Bootstrap V4 kullanıyorum.

Ancak yapısında datepicker.js bulunduğunu göremiyorum.

Bunun V4'e dahil edilip edilmeyeceğini bilen var mı? Kimse iyi bir tarih seçici tavsiye edemez mi?


4
Burada sona erenler için
MastaBaba

Sadece Bootstrap4 ile benim için
düzgün

Bootstrap 4 - Bootstrap 4'ü destekleyen veri seçici eklentisi codeply.com/p/kS0t1Ko61K'dır ayrıca bkz: stackoverflow.com/questions/43046792
Zim

yorumlarda bahsedilen tarih seçici, giriş tıklandığında takvimi göstermez. bu gijgo.com/datepicker/example/bootstrap-4
JerryGoyal

Yanıtlar:


58

Belki bunu denemek istersiniz: https://bootstrap-datepicker.readthedocs.org/en/latest/index.html

Bootstrap stilinde esnek bir tarih seçici pencere öğesi.


4
Çalışan CSS'nizi gönderebilir misiniz? Tarih seçicinin kendisi önyükleme 4 ile çalışır ancak stilize edilmemiştir.
RAC

4
@RAC Güncellemesi, bugün itibariyle Bootstrap 4 ile benim için çok iyi çalışan bazı (kararsız) sürümleri var gibi görünüyor cdnjs.com/libraries/bootstrap-datepicker/1.7.0-RC3
Brian Leishman

Bir "bugün" düğmesi var, ancak bir zaman seçici göremiyorum @ EricMilliot-Martinez bootstrap-datepicker.readthedocs.io/en/latest/…
KSib

43

Bunu kullanabilir ve ardından classbootstrap'tan sadece bir form ekleyebilirsiniz . (hangi sürümün olduğu önemli değil)

<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
bu bir önyükleme kontrolü değil, tarayıcı tarih seçici (html5 tarih girişi, her tarayıcıda mevcut değil! bkz. caniuse.com/#feat=input-datetime )
cyptus

4
Safari ve IE 11 veya daha önceki sürümlerde çalışmayacak
amar

Bir boostrap4 veri seçici aramamın tam nedeni, projemde bulunmam <input type="date"ve tarayıcımın (chromium) bana listbox select dışındaki öğeler için [Kullanımdan kaldırma] '-webkit-görünüm: listbox'ın kullanımdan kaldırıldığını ve Aralık 2019 civarında M79'da kaldırıldı. Daha fazla ayrıntı için chromestatus.com/features/5070237827334144 adresine bakın. Aralık 2019 yarın haftaya başlıyor, bir alternatife ihtiyacım olduğunu düşündüm!
Bill Naylor

Bir maven bağımlılığı <dependency> <groupId>org.webjars.bowergithub.pingcheng</groupId> <artifactId>bootstrap4-datetimepicker</artifactId> <version>4.17.45</version> </dependency>buldum: istediğimi yapacağını umuyorum, sadece şimdi nasıl kullanacağımı bulmalıyım!
Bill Naylor

Bu, ASP.NET MVC'den değeri bağlamaz. Değeri JS'de manuel olarak geçirmem gerekir mi?
ali123

7

Bu cevabı yazarken önyükleme tarih belirleyicilerinin çoğu, Bootstrap 4'e dahil edildiğinde oldukça hatalı. Benim görüşüme göre en az kod ekleme çözümü bir jQuery eklentisidir. Bunu kullandım https://plugins.jquery.com/datetimepicker/ - kullanımını burada görebilirsiniz: https://xdsoft.net/jqplugins/datetimepicker/ Kesinlikle tüm BS arayüzü kadar pürüzsüz değil, ama sadece css ve js dosyalarını, zaten bootstrap'e dahil edilmiş olan jQuery ile birlikte gerektirir.


3
Doğru, biraz mücevher ve lib deniyorum : github.com/tempusdominus/bootstrap-4 ama çok buggy
truongnm

1
Yeaah .... tempusdominus'ta çok fazla hata var
Daniel
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.