teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問一年間のカレンダー表示

編集履歴

質問編集履歴

3

html jsの変更

2019/08/23 02:49

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,80 +1,54 @@
1
- テキストボックスにブラウザ上で例えば2019年度と入力されているとき、プルダウンメニューは、
1
+ ```ここに言語を入力
2
2
 
3
+ コードhtml　<input name="textYear"> 年
4
+
3
- 「2019年04」、「2019年05」、・・・、「2020年02」、「2020年03」が選択肢として表示されるもの作成したいです。
5
+ <select name="selectMonth"></select> 月
6
+
7
+ ```
8
+
9
+
4
10
 
5
11
  ```ここに言語を入力
6
12
 
7
- コードhtml
13
+ コード$(function(){
8
14
 
9
- <form name="formDate">
15
+ $('input[name="textYear"]').on('change keyup',function(){
10
16
 
11
- <input name="textYear" onchange="setSelectMonth()"> 年
17
+ $('select[name="selectMonth"] option').remove();
12
18
 
13
- <select name="selectMonth">
19
+ $('select[name="selectMonth"]').append($("<option></option>"));
14
20
 
15
- <option></option>
21
+ if($(this).val() != ""){
16
22
 
17
- 　 <option value="1" >input.value+年04</option>
23
+ for(i=4;i<=15;i++){
18
24
 
19
- <option value="1" >input.value+年05</option>
25
+ let m = (i<13)?i:(i-12);
20
26
 
21
- <option value="1" >input.value+年06</option>
27
+ m =('0' + m).slice(-length);
22
28
 
23
- <option value="1" >input.value+年07</option>
29
+ let y = (i<13)?$(this).val():parseInt($(this).val())+1;
24
30
 
25
- <option value="1" >input.value+年08</option>
26
31
 
27
- <option value="1" >input.value+年09</option>
28
32
 
29
- <option value="1" >input.value+年10</option>
33
+
30
34
 
31
- <option value="1" >input.value+年11</option>
35
+ let op =$("<option></option>",{
32
36
 
33
- <option value="1" >input.value+年12</option>
37
+ 　　　　　　　　　　value:y+m,
34
38
 
35
- <option value="1" >input.value+年01</option>
39
+ 　　　　　　　　　　html:y+"年"+m+"月"
36
40
 
37
- <option value="1" >input.value+年02</option>
41
+ 　　　　　　　　
38
42
 
39
- <option value="1" >input.value+年03</option>
43
+ });
40
44
 
41
- </select> 月
45
+ $('select[name="selectMonth"]').append(op);
42
46
 
43
- </form>
47
+ }
44
48
 
45
- <script type="text/javascript">
49
+ }
46
50
 
47
- </script>
48
-
49
-
50
-
51
- ```ここに言語を入力
52
-
53
- コードjs
54
-
55
- $(function() {
56
-
57
-
58
-
59
- //keyup()でキーを入力するたびに発動
60
-
61
- $('input[type="text"]').keyup(function() {
62
-
63
-
64
-
65
- //入力したvalue値を変数に格納
66
-
67
- var val = $(this).val();
68
-
69
-
70
-
71
- //選択したvalue値をp要素に出力
72
-
73
- $('p').text(val);
74
-
75
- });
51
+ });
76
-
77
-
78
52
 
79
53
  });
80
54
 
@@ -82,8 +56,4 @@
82
56
 
83
57
 
84
58
 
85
-
86
-
87
- inputタグで入力された値をプルダウンにれんどうさせたいです。
59
+ に変更しましたが、１月2月3月の年数がNaNと表示になりました。
88
-
89
- プルダウンの内容で４月始まりの翌年３月までをプルダウンに表示させたいのですが、うまくいかないです。教えて頂きたいです。

2

html jsの変更

2019/08/23 02:49

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -6,29 +6,77 @@
6
6
 
7
7
  コードhtml
8
8
 
9
- <select name="selectYear" onchange="setselectMonth"></select>年度
9
+ <form name="formDate">
10
10
 
11
- <select name="select="selectMonth"></select>月
11
+ <input name="textYear" onchange="setSelectMonth()"> 年
12
12
 
13
+ <select name="selectMonth">
14
+
15
+ <option></option>
16
+
17
+ 　 <option value="1" >input.value+年04</option>
18
+
19
+ <option value="1" >input.value+年05</option>
20
+
21
+ <option value="1" >input.value+年06</option>
22
+
23
+ <option value="1" >input.value+年07</option>
24
+
25
+ <option value="1" >input.value+年08</option>
26
+
27
+ <option value="1" >input.value+年09</option>
28
+
29
+ <option value="1" >input.value+年10</option>
30
+
31
+ <option value="1" >input.value+年11</option>
32
+
33
+ <option value="1" >input.value+年12</option>
34
+
35
+ <option value="1" >input.value+年01</option>
36
+
37
+ <option value="1" >input.value+年02</option>
38
+
39
+ <option value="1" >input.value+年03</option>
40
+
41
+ </select> 月
42
+
13
- ```
43
+ </form>
44
+
45
+ <script type="text/javascript">
46
+
47
+ </script>
48
+
49
+
14
50
 
15
51
  ```ここに言語を入力
16
52
 
17
53
  コードjs
18
54
 
19
- function setselectYear(){
55
+ $(function() {
20
56
 
21
- setselectMonth(); //テキストボックスで入力された値を受け取り、selectMonthのプルダウンメニューに入力された年の一年分を表示させるように連動させる。
57
+
22
58
 
23
- }
59
+ //keyup()でキーを入力するたびに発動
24
60
 
25
- function setselectMonth(){
61
+ $('input[type="text"]').keyup(function() {
26
62
 
27
- var NowMonth=Now.getMonth()+1;
63
+
28
64
 
29
- console.log('value = ' + value + '= ' + NowMonth);
65
+ //入力したvalue値を変数に格納
30
66
 
67
+ var val = $(this).val();
68
+
69
+
70
+
71
+ //選択したvalue値をp要素に出力
72
+
73
+ $('p').text(val);
74
+
31
- }
75
+ });
76
+
77
+
78
+
79
+ });
32
80
 
33
81
  ```
34
82
 
@@ -36,4 +84,6 @@
36
84
 
37
85
 
38
86
 
87
+ inputタグで入力された値をプルダウンにれんどうさせたいです。
88
+
39
- で作成してみましたが、動かなく、一年分の表示させる方法がわからないです。教えて頂きたいです。
89
+ プルダウンの内容で４月始まりの翌年３月までをプルダウンに表示させたいのですが、うまくいかないです。教えて頂きたいです。

1

マークダウン

2019/08/22 02:46

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- jquery js　一年間のカレンダー表示
1
+ 一年間のカレンダー表示
test CHANGED
@@ -2,17 +2,19 @@
2
2
 
3
3
  「2019年04」、「2019年05」、・・・、「2020年02」、「2020年03」が選択肢として表示されるもの作成したいです。
4
4
 
5
+ ```ここに言語を入力
5
6
 
6
-
7
- html
7
+ コードhtml
8
8
 
9
9
  <select name="selectYear" onchange="setselectMonth"></select>年度
10
10
 
11
11
  <select name="select="selectMonth"></select>月
12
12
 
13
+ ```
13
14
 
15
+ ```ここに言語を入力
14
16
 
15
- js
17
+ コードjs
16
18
 
17
19
  function setselectYear(){
18
20
 
@@ -28,4 +30,10 @@
28
30
 
29
31
  }
30
32
 
33
+ ```
34
+
35
+
36
+
37
+
38
+
31
39
  で作成してみましたが、動かなく、一年分の表示させる方法がわからないです。教えて頂きたいです。