Bootstrap v4 datepicker [終了]


114

新しいWebサイトでBootstrap V4を使用していますが、それがAlphaであることがわかりました。

ただし、ビルドにdatepicker.jsがあることはわかりません。

これがV4に含まれるかどうか誰かが知っていますか?できない場合は誰でも良い日付ピッカーをお勧めできますか?


4
最終的にここに来る
MastaBaba

cal.gifまたは/およびcal-grey.gifファイルがProject \ Content \ themes \ base \ images \ media \ datepicker.jsで利用可能であることを確認してください。Bootstrap4で問題なく動作するようにdatepicker.js
raju1208

ブートストラップ4 -ブートストラップ4をサポートして日付ピッカーのプラグインですcodeply.com/p/kS0t1Ko61Kは、以下を参照してください。stackoverflow.com/questions/43046792を
Zimを

コメントに記載されている日付ピッカーは、入力をクリックしてもカレンダーを表示しません。これはgijgo.com/datepicker/example/bootstrap-4を実行
JerryGoyal

回答:


58

多分あなたはこれを試してみたいでしょう:https : //bootstrap-datepicker.readthedocs.org/en/latest/index.html

これは、Bootstrapスタイルの柔軟な日付ピッカーウィジェットです。


4
作業中のCSSを投稿できますか?datepicker自体はブートストラップ4で動作しますが、スタイルがありません。
RAC

4
@RAC更新、今日のところ、Bootstrap 4でうまく機能したいくつかの(不安定な)リリースがあるようですcdnjs.com/libraries/bootstrap-datepicker/1.7.0-RC3
Brian Leishman

そこ「今日」ボタンがあるが、私は、セレクタ@ EricMilliot-マルティネス時間が表示されませんbootstrap-datepicker.readthedocs.io/en/latest/...
KSib

43

これを使用して、classブートストラップからフォームだけを追加できます。 (どのバージョンでもかまいません)

<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
これはブートストラップコントロールではありませんが、ブラウザーの日付ピッカー(html5の日付入力、すべてのブラウザーで使用できるわけではありません!caniuse.com/#feat=input-datetimeを参照)
cyptus

4
SafariとIE 11またはそれ以前のバージョンでは動作しません
アマール

私がboostrap4の日付ピッカーを探している一番の理由は<input type="date"、自分のプロジェクトにブラウザがあり(クロム)、リストボックスの選択以外の要素の[非推奨] '-webkit-appearance:listbox'は非推奨であり、 2019年12月頃にM79で削除されました。詳細については、chromestatus.com / features / 5070237827334144をご覧ください。2019年12月が明日の週に始まるので、別の方法が必要だと思いました!
ビルネイラー

私はMavenの依存関係を見つけました: <dependency> <groupId>org.webjars.bowergithub.pingcheng</groupId> <artifactId>bootstrap4-datetimepicker</artifactId> <version>4.17.45</version> </dependency>私が望むことをしたいと思っています、今それを使用する方法を見つけなければなりません!
Bill Naylor

これはASP.NET MVCからの値をバインドしません。JSで値を手動で渡して設定する必要がありますか?
Ali123

7

この回答を書いているほとんどのブートストラップ日付ピッカーは、ブートストラップ4に含まれているとかなりバグが多くなります。私はこれを使用しましたhttps://plugins.jquery.com/datetimepicker/-ここでその使用法を見ることができます:https : //xdsoft.net/jqplugins/datetimepicker/ それは確かにBSインターフェース全体ほどスムーズではありませんが、それはすでにブートストラップに含まれているjQueryに加えて、cssファイルとjsファイルのみが必要です。


3
それは本当です、私はいくつかのgemとlibを試します:github.com/tempusdominus/bootstrap-4しかし、それは非常にバグが多いです
truongnm

1
うん.... tempusdominusには多くのエラーがある
ダニエル
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.