質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Ruby on Rails 4

Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

Q&A

0回答

1929閲覧

Ruby on Rails 4 datetimepickerの表示方法について

YousukeTanaka

総合スコア79

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Ruby on Rails 4

Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

0グッド

0クリップ

投稿2017/09/01 03:59

編集2022/01/12 10:55

現在、datetimepickerで予約機能を作っているのですが、datetimepickerが表示されない問題が
おきましたので、ご相談させてください。

stackoverflowやこちらの過去の投稿も参考にしたのですが、やはり難しく、ご相談させていただきたい次第です。


◾️ 以下のサイトを参考に作成しております。

参考サイト: http://qiita.com/azusanakano/items/7fc27567254bed317313#view%E5%81%B4%E3%81%AE%E5%91%BC%E3%81%B3%E5%87%BA%E3%81%97

◾️ 制作環境

gemfile

gem 'simple_form'

gem 'momentjs-rails', '>= 2.9.0'
gem 'bootstrap3-datetimepicker-rails', '~> 4.17.47'

coffee script(calendar.coffeeとしています。)

init_datetimepciker = -> (-> $(".form_datetime").datetimepicker locale: "ja", format: 'YYYY/MM/DD hh:mm:', sideBySide: true autoclose: true, todayBtn: true, pickerPosition: "bottom-left", ) $(document).ready -> init_datetimepciker() $(document).on "ready page:load", init_datetimepciker()

config/initializers/date_time_picker_input.rb

class DateTimePickerInput < SimpleForm::Inputs::Base def input template.content_tag(:div, class: 'input-group date form_datetime') do template.concat @builder.text_field(attribute_name, input_html_options) template.concat span_remove template.concat span_table end end def input_html_options super.merge({class: 'form-control', readonly: true}) end def span_remove template.content_tag(:span, class: 'input-group-addon') do template.concat icon_remove end end def span_table template.content_tag(:span, class: 'input-group-addon') do template.concat icon_table end end def icon_remove "<i class='glyphicon glyphicon-remove'></i>".html_safe end def icon_table "<i class='glyphicon glyphicon-th'></i>".html_safe end end

html.erb

<label>予約カレンダー</label> <div class="input-group"> <%= f.input :start_date, as: :date_time_picker, class: "form_datetime", placeholder: '日程と時間を選択してください。' %> </div>

色々と試してみましたが、打つ手なしの状態になりましたので、ご助言をいただけると幸いです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

MasakazuFukami

2017/09/04 05:20

表示されないというのがどういう状況かわからないので詳しく説明することは出来ないでしょうか?また、consoleなどをひらいてjsのエラーなどが起きていることは確認できないでしょうか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問