teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問JSで追加したtableの行のinputで、datepickerが使用できない

編集履歴

質問編集履歴

5

JS編集

2018/08/12 08:13

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
File without changes
test CHANGED
@@ -153,3 +153,31 @@
153
153
 
154
154
 
155
155
  https://jqueryui.com/datepicker/　を参照している
156
+
157
+
158
+
159
+ ```JS
160
+
161
+ <script>
162
+
163
+ $.datepicker.setDefaults($.datepicker.regional['ja']);
164
+
165
+ $(function() {
166
+
167
+ $('input[name^="t_date"]').datepicker({
168
+
169
+ changeMonth: true,
170
+
171
+ changeYear: true,
172
+
173
+ yearRange: ('-2:+2'),
174
+
175
+ showButtonPanel: true
176
+
177
+ });
178
+
179
+ });
180
+
181
+ </script>
182
+
183
+ ```

4

誤記を修正

2018/08/12 08:13

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
File without changes
test CHANGED
@@ -150,4 +150,6 @@
150
150
 
151
151
  ```
152
152
 
153
+
154
+
153
155
  https://jqueryui.com/datepicker/　を参照している

3

JS変更

2018/08/11 12:48

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
File without changes
test CHANGED
@@ -149,3 +149,5 @@
149
149
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
150
150
 
151
151
  ```
152
+
153
+ https://jqueryui.com/datepicker/　を参照している

2

HTML修正

2018/08/11 12:46

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
File without changes
test CHANGED
@@ -19,6 +19,8 @@
19
19
  <!-- 他のフォーム内の項目の行 -->
20
20
 
21
21
  <!-- datepicker を使用しているinput項目も有 -->
22
+
23
+ <!-- datepickerは正常に使用できている -->
22
24
 
23
25
  </tr>
24
26
 

1

datepickerの設定を追加

2018/08/11 12:45

投稿

sakura-shi
sakura-shi

スコア93

test CHANGED
File without changes
test CHANGED
@@ -133,3 +133,17 @@
133
133
  });
134
134
 
135
135
  ```
136
+
137
+
138
+
139
+ ■datepickerの使用のためには、以下のように行っています。
140
+
141
+ ```JS
142
+
143
+ <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
144
+
145
+ <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
146
+
147
+ <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
148
+
149
+ ```