Bootstrap4 に対応した DateTimePicker の使い方

bootstrap4-datetime-picker-rails

参考:

Bialogs/bootstrap4-datetime-picker-rails: A Datepicker for Twitter Bootstrap, integrated with Rails assets pipeline – GitHub

Tempus Dominus – Bootstrap 4 [Official]

Usage – Tempus Dominus – Bootstrap 4 [Official]

tempusdominus/bootstrap-4: Tempus Dominus Bootstrap 4 Datetime Picker – GitHub

derekprior/momentjs-rails: The Moment.js JavaScript library ready to play with the Rails Asset Pipeline – GitHub

ソース

参考:

bootstrap-4/tempusdominus-bootstrap-4.js at master · tempusdominus/bootstrap-4 – GitHub

使い方

参考:

Bootstrap 4でDatetimePickerを使いたい – Qiita

外部クリックで非表示にならない

input 要素のクラスに datetimepicker-input の指定が必要(blur イベントのハンドラをアタッチするため)

参考:

Can’t auto hide when click outside · Issue #195 · tempusdominus/bootstrap-4 – GitHub

その他/代替手段

参考:

Rails で datetimepicker を使用する手順 – blog @arfyasu

Railsでbootstrap datetimepickerを日本語化しつつ導入(with rails assets) – なんとなく日々徒然と

簡単!カレンダーから日付入力 Bootstrap Datepicker の使い方と解説 | MARKUP TIPS

Bootstrap4に対応したDatepickerを作成する(和暦対応)〜popover,jQuery | | Scimpr Blog

Tagged:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です