質問編集履歴
3
誤字
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)が、
|
145
|
+
(ⅰ)はTurbolinksが影響している?との記事を見ました(http://qiita.com/devzooiiooz/items/07d45af1c9f307e69061)が、jsの訂正方法がわかりません。
|
146
146
|
|
147
147
|
(ⅱ)は現在調査中です。私には同じidやclassを共有しているようには見えないのですが
|
148
148
|
|
2
内容の更新
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
|
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
|
-
|
59
|
+
```ここに言語を入力
|
60
60
|
|
61
|
-
------------------
|
62
|
-
|
63
|
-
|
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
|
69
|
+
* This is a manifest file that'll be compiled into application.css, which...
|
74
70
|
|
75
|
-
* list
|
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
|
-
|
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=
|
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=
|
109
|
+
<div class="field">
|
120
110
|
|
121
|
-
<%= f.label :date %><br>
|
111
|
+
<%= f.label :date %><br>
|
122
112
|
|
123
|
-
<%= f.text_field :date, class
|
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
文法の修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
|
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
|
-
|
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
|
手を加えたのは上記のみです。
|