質問編集履歴

1 タグ追記

RyoKurosaki

RyoKurosaki score 8

2016/08/31 18:12  投稿

Rails上でbootstrap3datetimepickerを利用した時刻選択フォームがうまく動かない
###前提・実現したいこと
Rails4.2.5
Bootstrap3 Datetimepicker
View:Slim
JS:CoffeeScript
DB:postgresql
日付無しの始まりと終わりの時刻を選択させる要件があり、上記条件で実装しています。
###発生している問題・エラーメッセージ
新規フォーム時は指定したデフォルトの値が入っているので良いのですが、レコードの編集画面に遷移すると、登録されている値(Railsのtime)が表示されておらず、8 PM(どこにも指定していない)が固定で表示されてしまいます。
ちなみにブラウザのソースを表示で確認すると出力されているHTMLには正しい値("2000-01-01 10:00:00 UTC")がvalueに入っています。
###該当のソースコード
Slim
```
.field.form-group
= f.label :active_time_end
.input-group.date#activeend
= f.text_field :active_time_end, readonly: true, data: { :date_format => 'hh:00 A' }, class:'form-control'
span.input-group-addon
span.glyphicon.glyphicon-time
```
```CoffeeScript
$ ->
$('#activeend').datetimepicker
ignoreReadonly: true
defaultDate: moment({ h: 21 })
```
###試したこと
一通りGoole大先生に聞いてみたのですが、大体出てくる記事が月日に関してしかでてこなくお手上げ状態です。
  • CoffeeScript

    158 questions

    CoffeeScriptはプログラミング言語です。シンタックスシュガーの導入により、JavaScriptのコードに変換された後動作します。JavaScriptに比べ、可読性と簡潔性が向上しています。

  • Ruby on Rails 4

    2638 questions

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

  • Slim

    126 questions

    SlimはPHPアプリケーションを開発するための軽量なマイクロフレームワークです。

  • Bootstrap

    1947 questions

    BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る