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

編集履歴

質問編集履歴

5

JS編集

2018/08/12 08:13

投稿

sakura-shi
sakura-shi

スコア93

title CHANGED
File without changes
body CHANGED
@@ -75,4 +75,18 @@
75
75
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
76
76
  ```
77
77
 
78
- https://jqueryui.com/datepicker/　を参照している
78
+ https://jqueryui.com/datepicker/　を参照している
79
+
80
+ ```JS
81
+ <script>
82
+ $.datepicker.setDefaults($.datepicker.regional['ja']);
83
+ $(function() {
84
+ $('input[name^="t_date"]').datepicker({
85
+ changeMonth: true,
86
+ changeYear: true,
87
+ yearRange: ('-2:+2'),
88
+ showButtonPanel: true
89
+ });
90
+ });
91
+ </script>
92
+ ```

4

誤記を修正

2018/08/12 08:13

投稿

sakura-shi
sakura-shi

スコア93

title CHANGED
File without changes
body CHANGED
@@ -74,4 +74,5 @@
74
74
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
75
75
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
76
76
  ```
77
+
77
78
  https://jqueryui.com/datepicker/　を参照している

3

JS変更

2018/08/11 12:48

投稿

sakura-shi
sakura-shi

スコア93

title CHANGED
File without changes
body CHANGED
@@ -73,4 +73,5 @@
73
73
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
74
74
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
75
75
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
76
- ```
76
+ ```
77
+ https://jqueryui.com/datepicker/　を参照している

2

HTML修正

2018/08/11 12:46

投稿

sakura-shi
sakura-shi

スコア93

title CHANGED
File without changes
body CHANGED
@@ -9,6 +9,7 @@
9
9
  <tr>
10
10
  <!-- 他のフォーム内の項目の行 -->
11
11
  <!-- datepicker を使用しているinput項目も有 -->
12
+ <!-- datepickerは正常に使用できている -->
12
13
  </tr>
13
14
  <tr class="type_detail">
14
15
  　　<th>テーブル</th>

1

datepickerの設定を追加

2018/08/11 12:45

投稿

sakura-shi
sakura-shi

スコア93

title CHANGED
File without changes
body CHANGED
@@ -65,4 +65,11 @@
65
65
  });
66
66
  });
67
67
  });
68
+ ```
69
+
70
+ ■datepickerの使用のためには、以下のように行っています。
71
+ ```JS
72
+ <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
73
+ <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
74
+ <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
68
75
  ```