Datepicker bootstrap v4 [ditutup]

114

Saya menggunakan Bootstrap V4 untuk situs web baru saya karena ada di Alpha.

Namun saya tidak dapat melihat bahwa ia memiliki datepicker.js dalam pembuatannya.

Adakah yang tahu jika ini akan dimasukkan dalam V4? Jika tidak, adakah yang bisa merekomendasikan datepicker yang baik?

twitter-bootstrap bootstrap-4

— ottz0
sumber

Bagi mereka yang berakhir di sini: tempusdominus.github.io/bootstrap-4

— MastaBaba

Pastikan Anda memiliki file cal.gif atau / dan cal-grey.gif yang tersedia di Project \ Content \ themes \ base \ images \ media \ datepicker.js yang berfungsi dengan baik untuk saya dengan Bootstrap4

— raju1208

Bootstrap 4 - Plugin datepicker yang mendukung Bootstrap 4 adalah codeply.com/p/kS0t1Ko61K juga lihat: stackoverflow.com/questions/43046792

— Zim

datepickers yang disebutkan dalam komentar tidak menunjukkan kalender saat mengklik input. yang ini gijgo.com/datepicker/example/bootstrap-4

— JerryGoyal

Jawaban:

Mungkin Anda ingin mencoba ini: https://bootstrap-datepicker.readthedocs.org/en/latest/index.html

Ini adalah widget pemilih data yang fleksibel dalam gaya Bootstrap.

— Andrey Saleba
sumber

Bisakah Anda memposting CSS yang berfungsi? Datepicker itu sendiri bekerja dengan bootstrap 4 tetapi tidak bergaya.

— RAC

Pembaruan @RAC, pada hari ini sepertinya ada beberapa rilis (tidak stabil) yang bekerja dengan Bootstrap 4 dengan sangat baik bagi saya cdnjs.com/libraries/bootstrap-datepicker/1.7.0-RC3

— Brian Leishman

Ada tombol "hari ini", tapi saya tidak melihat pemilih waktu @ EricMilliot-Martinez bootstrap-datepicker.readthedocs.io/en/latest/…

— KSib

Anda dapat menggunakan ini dan kemudian Anda hanya dapat menambahkan classformulir dari bootstrap. ^{(tidak peduli versi mana)}

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

ini bukan kontrol bootstrap tetapi pemilih tanggal browser (input tanggal html5, tidak tersedia di setiap browser! lihat caniuse.com/#feat=input-datetime )

— cyptus

Tidak akan berfungsi pada safari dan IE 11 atau lebih lama

— amar

Alasan utama saya mencari datepicker boostrap4 adalah karena saya ada <input type="date"di proyek saya dan browser saya (chromium) memberi tahu saya bahwa [Deprecation] '-webkit-appearance: listbox' untuk elemen selain listbox select sudah tidak digunakan lagi dan akan dihapus di M79, sekitar Desember 2019. Lihat chromestatus.com/features/5070237827334144 untuk lebih jelasnya. Karena Desember 2019 mulai minggu besok, saya pikir saya perlu alternatif!

— Bill Naylor

Saya menemukan ketergantungan maven:

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

yang saya harap akan melakukan apa yang saya inginkan, hanya perlu mencari tahu cara menggunakannya sekarang!

— Bill Naylor

Ini tidak mengikat nilai dari ASP.NET MVC. Apakah saya harus menyetel nilai secara manual di JS?

— Ali123

Sebagian besar datepickers bootstrap saat saya menulis jawaban ini agak bermasalah ketika dimasukkan dalam Bootstrap 4. Dalam pandangan saya, solusi penambahan kode paling sedikit adalah plugin jQuery. Saya menggunakan yang satu ini https://plugins.jquery.com/datetimepicker/ - Anda dapat melihat penggunaannya di sini: https://xdsoft.net/jqplugins/datetimepicker/ Memang tidak semulus antarmuka BS secara keseluruhan, tetapi hanya membutuhkan file css dan js beserta jQuery yang sudah termasuk dalam bootstrap.

— Slinky Sloth
sumber

Memang benar, saya mencoba beberapa permata dan lib: github.com/tempusdominus/bootstrap-4 tetapi sangat

— bermasalah

Ya .... tempusdominus memiliki banyak kesalahan

— Daniel