バージョン
項目 | バージョン |
---|---|
Rails | 5.0.2 |
Bootstrap | 4-alpha-6 |
[問題点]Datetimepicker実装できない
Bootstrap4だからでしょうか。
長時間試行錯誤していますが、やはりダメです
フォームをクリックすると、時計マークのみ。 時計マーククリックすると
時間が表示される。カレンダーマークがあるのでクリックすると
関連コード
Javascript
1 2//= require jquery 3//= require jquery_ujs 4//= require turbolinks 5 6//= require moment # datetimepickerに必要 7//= require moment/ja # datetimepickerに必要 8//= require bootstrap-datetimepicker # datetimepickerに必要 9 10 11//= require_tree ./shared 12//= require_tree ./host 13 14
CSS
1 2/* 3 *= require font-awesome 4 *= require bootstrap-datetimepicker # datetimepickerに必要 5 *= require_tree ./shared 6 *= require_tree ./host 7*/ 8
Ruby
1 2# Gemfileです 3gem 'momentjs-rails', '>= 2.9.0' # datetimepickerに必要 4gem 'bootstrap3-datetimepicker-rails', '~> 4.14.30' # datetimepickerに必要 5 6
HTML
1 2.col-lg-9 : input.form-control.datetimepicker[type="text"] 3
Javascript
1 2$(document).on "ready turbolinks:load", -> 3 $('.datetimepicker').datetimepicker 4 icons: 5 time: 'fa fa-clock-o' 6 date: 'fa fa-calendar' 7 up: 'fa fa-arrow-up' 8 down: 'fa fa-arrow-down' 9 previous: 'fa fa-arrow-left' 10 next: 'fa fa-arrow-right' 11 return 12
諦めの境地です
今後考えうる対策および流れとして
対策 | 内容 |
---|---|
対策1 | Bootstrap4でDatetimepickerを実装できるよう努力 |
対策2 | 対策1が無理な場合、 参考を見て、「日程」と「時間」を2つのフォームを分け、バックグラウンドで1つのカラム(日時)にDB保存できるようプログラム。 |
対策3 | 対策2が難しい場合、DBの設計をdateとtimeに2つカラムに別々に保存する。 |
... を検討しています。
対策2の参考は難易度が若干高く、
対策3が1番簡単な気がします、
今後Bootstrap4が安定しDatetimepicker利用可能になれば、
また柔軟に対応も検討していきたいところです。
質問をまとめます。
質問 | 内容 |
---|---|
質問1 | Bootstrap4でDatetimepickerを実装にあたって、上記症状の原因、あるいは情報をご助言ください。 |
質問2 | 日時 のDB保存時、日付と時間を 2つのカラムに分ける にあたって致命的なことはありますか。 |
Bootstrap4が安定するまでDBカラム分けようかな...。強がらずに...。苦笑
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。