質問編集履歴

3

誤字

2015/10/15 02:13

投稿

koppe1989
koppe1989

スコア27

test CHANGED
File without changes
test CHANGED
@@ -142,7 +142,7 @@
142
142
 
143
143
 
144
144
 
145
- (ⅰ)はTurbolinksが影響している?との記事を見ました(http://qiita.com/devzooiiooz/items/07d45af1c9f307e69061)が、cssの訂正方法がわかりません。
145
+ (ⅰ)はTurbolinksが影響している?との記事を見ました(http://qiita.com/devzooiiooz/items/07d45af1c9f307e69061)が、jsの訂正方法がわかりません。
146
146
 
147
147
  (ⅱ)は現在調査中です。私には同じidやclassを共有しているようには見えないのですが
148
148
 

2

内容の更新

2015/10/15 02:13

投稿

koppe1989
koppe1989

スコア27

test CHANGED
File without changes
test CHANGED
@@ -1,3 +1,5 @@
1
+ お世話になっております。
2
+
1
3
  プログラミング、railsとも初心者です。
2
4
 
3
5
 
@@ -10,15 +12,13 @@
10
12
 
11
13
 
12
14
 
13
- 下記記事を参考にしているのですが、うくいきません
15
+ 下記記事を参考にしました。
14
16
 
15
17
  http://blog.hello-world.jp.net/javascript/1762/
16
18
 
17
19
 
18
20
 
19
21
  ご教授お願いします。
20
-
21
-
22
22
 
23
23
 
24
24
 
@@ -30,19 +30,19 @@
30
30
 
31
31
  gem 'bootstrap3-datetimepicker-rails'
32
32
 
33
+ ```
33
34
 
34
35
 
35
- (2)app/assets/javascripts/application.js 最終行に以下をコピペ
36
36
 
37
+ ```ここに言語を入力
38
+
37
- -------------------------------------------------------------------------
39
+ (2)app/assets/javascripts/application.js 最終行に以下をコピぺ
38
40
 
39
41
  //= require moment
40
42
 
41
43
  //= require bootstrap-datetimepicker
42
44
 
43
-
44
-
45
- var data = {'data-date-format': 'YYYY-MM-DD hh:mm:ss' };
45
+ var data = {'data-date-format': 'YYYY-MM-DD' };
46
46
 
47
47
  $(function(){
48
48
 
@@ -52,47 +52,39 @@
52
52
 
53
53
  });
54
54
 
55
- ------------------------------------------------------------------------
55
+ ```
56
56
 
57
57
 
58
58
 
59
- (3)app/assets/stylesheets/application.css 最終行以下コピペ
59
+ ```ここ言語入力
60
60
 
61
- ------------------
62
-
63
- *= require bootstrap
61
+ (3)app/assets/stylesheets/application.css 最終行に以下をコピぺ
64
62
 
65
63
  *= require bootstrap-datetimepicker
66
-
67
- ------------------
68
64
 
69
65
  コピペ後、こんな感じ
70
66
 
71
67
  /*
72
68
 
73
- * This is a manifest file that'll be compiled into application.css, which will include all the files
69
+ * This is a manifest file that'll be compiled into application.css, which...
74
70
 
75
- * listed below.
71
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/asset...
76
72
 
77
- *
78
-
79
- * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
80
-
81
- * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
82
-
83
- *~途中省略・・
73
+ *~途中省略・・
84
74
 
85
75
  *= require_tree .
86
76
 
87
77
  *= require_self
88
78
 
79
+ *= require bootstrap-datetimepicker
80
+
89
81
  */
90
82
 
91
- *= require bootstrap
83
+ ```
92
-
93
- *= require bootstrap-datetimepicker
94
84
 
95
85
 
86
+
87
+ ```ここに言語を入力
96
88
 
97
89
  (4)viewの_form.html.erbを編集
98
90
 
@@ -100,7 +92,7 @@
100
92
 
101
93
 
102
94
 
103
- <div class='field'>
95
+ <div class="field">
104
96
 
105
97
  <%= f.label :date %><br>
106
98
 
@@ -110,32 +102,52 @@
110
102
 
111
103
  ~
112
104
 
113
-
114
-
115
105
  編集後
116
106
 
117
107
 
118
108
 
119
- <div class='input-group date datepicker'>
109
+ <div class="field">
120
110
 
121
- <%= f.label :date %><br>
111
+ <%= f.label :date %><br>
122
112
 
123
- <%= f.text_field :date, class: 'form-control' %>
113
+ <%= f.text_field :date, :class => 'datepicker' %>
124
-
125
- <span class="input-group-addon">
126
114
 
127
115
  </div>
128
116
 
129
117
  ~
130
118
 
119
+
120
+
131
121
  ```
122
+
123
+ 上記のように変更しました。
124
+
125
+ (2)(3)のコピペ部分がコメントアウトのようになるのが気にかかっていたのですが、
126
+
127
+ そのような文法だと把握しました。
132
128
 
133
129
 
134
130
 
135
- 加えたのは上記のみです。
131
+ 現在(4)修正し、
136
132
 
133
+ f.text_fieldの部分をクリックすることでカレンダーが表示されるようなりましたが、
134
+
135
+ 2点問題があります。
136
+
137
- 挙動とてはエラも生じておらず、変更前とかわりありません。
137
+ ⅰ)ページ遷移た後、カレンダが表示されない(リロード後に表示される)
138
+
139
+ ⅱ)表示カレンダ-が意図していないcssの影響をうけている(/app/assets/stylesheets/scaffolds.scssに記載したもの)
140
+
141
+ です。
138
142
 
139
143
 
140
144
 
145
+ (ⅰ)はTurbolinksが影響している?との記事を見ました(http://qiita.com/devzooiiooz/items/07d45af1c9f307e69061)が、cssの訂正方法がわかりません。
146
+
147
+ (ⅱ)は現在調査中です。私には同じidやclassを共有しているようには見えないのですが
148
+
149
+
150
+
151
+ 以上、お心当たりがございましたら
152
+
141
- 何が足りないのか、助言をお願いします。
153
+ ご教授お願い上げます。

1

文法の修正

2015/10/14 11:40

投稿

koppe1989
koppe1989

スコア27

test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- 今回scaffoldで作成した新規作成の画面
5
+ scaffoldで作成した入力フォーム
6
6
 
7
7
  日付を入力する際に、カレンダーで入力サポートする仕様
8
8
 
@@ -10,15 +10,19 @@
10
10
 
11
11
 
12
12
 
13
- 下記記事を参考にしているのですが、うまくいきません
13
+ 下記記事を参考にしているのですが、うまくいきません
14
14
 
15
- 状況からアドバイスをお願い致します。
16
-
17
- 参考=> http://blog.hello-world.jp.net/javascript/1762/
15
+ http://blog.hello-world.jp.net/javascript/1762/
18
-
19
- 参考=> https://github.com/TrevorS/bootstrap3-datetimepicker-rails
20
16
 
21
17
 
18
+
19
+ ご教授お願いします。
20
+
21
+
22
+
23
+
24
+
25
+ ```ここに言語を入力
22
26
 
23
27
  (1)Gemfile の最終行に以下を追加してbundle install
24
28
 
@@ -124,6 +128,8 @@
124
128
 
125
129
  ~
126
130
 
131
+ ```
132
+
127
133
 
128
134
 
129
135
  手を加えたのは上記のみです。