web-dev-qa-db-ja.com

レスポンシブbootstrap 3 timepicker？

応答性の良いbootstrap 3タイムピッカーを知っていますか？

私は、timepickerの後、timepickerを1週間かけて過ごしました。たとえば、常に問題がありました。 http://jdewit.github.io/bootstrap-timepicker/ は完璧ですが、bootstrap 2、 http://www.malot.fr/bootstrap-datetimepicker/ レスポンシブではなく、bootstrap 3で動作しない少なくとも3つ以上を通過しました、レスポンシブではない、または24時間システムをサポートしていません（必要です）

Jdewitのようにきちんと見える良いものを知っている人がいるなら、それは応答性があり、24時間システムをサポートしていることを大いに感謝し、私が最終的に新しいものに移ることができるように私の1週間の検索を終了します： pありがとうございます！

javascriptjquerytwitter-bootstraptimepicker
39
user2989367

とりわけ、このライブラリはここにあります。 Bootstrap-3環境ですぐに使用できます。

Bootstrap-3 Clock-Picker （

CSS

<link rel="stylesheet" type="text/css" href="dist/bootstrap-clockpicker.min.css">

HTML

<div class="input-group clockpicker">
    <input type="text" class="form-control" value="09:30">
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-time"></span>
    </span>
</div>

ジャバスクリプト

<script type="text/javascript" src="dist/bootstrap-clockpicker.min.js"></script>
<script type="text/javascript">
    $('.clockpicker').clockpicker();
</script>

それと同じくらい簡単！上記のリンクで他の例を見つけてください。

2018年4月18日更新

Bootstrap-4を使用している場合、現在利用可能な最も人気のある時刻/日付ピッカーライブラリはTempus Dominusです。それは派手な見た目ではありませんが、反応が良くモダンです。

Bootstrap-4 Tempus Dominus

72
Subin Sebastian

これは http://jdewit.github.io/bootstrap-timepicker/ のわずかに変更されたバージョンであり、bootstrap 3をサポートしています。ここで確認できます。 https://github.com/m3wolf/bootstrap3-timepicker うまくいかない場合はお知らせください。別の方法を探します。

更新。同じバージョンに基づいているが、bootstrap 3用に変更された別の1つを次に示します。 https://github.com/rendom/bootstrap-3-timepicker

更新2。これもまた別の更新です。 http://bootstrapformhelpers.com/timepicker/

26
nahtnam

同じ問題を調査中に最近見つけた別のオプションを次に示します。 GithubのEonasdan

.NET MVC/Bootstrap 3環境でうまく機能しました。

Here's のサンプルページもあります。

4
Sam Ellis

OPの質問の更新として、 http://jdewit.github.io/bootstrap-timepicker/ にあるタイムピッカーがBootstrap 3で実際に機能することを確認できます。今はまったく問題ありません。

1
Greg Quinn