セレクトボタンを用いたカレンダー作成

前提・実現したいこと

セレクトボタンを用いて、西暦、月を選択
その選択結果を元に、カレンダーを表示。

カレンダー内で日付の選択をし、その結果をDBへ反映させる。

javaSprictを利用するのはNGとなっております。

発生している問題・エラーメッセージ

セレクトボタンをJSPにて作成したものの、それを用いたカレンダー表示までは至っておりません。

該当のソースコード

JSP部

java
1<%@ page language="java" contentType="text/html; charset=UTF-8"
2    pageEncoding="UTF-8"%>
3<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
4<html>
5<head>
6<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7<title>訓練日設定画面</title>
8</head>
9<body>
10<h1>訓練日設定画面</h1>
11<form action="A_make_training" method="post">
12入所年
13<select name=”year”>
14<option value=”2018”>2018</option>
15<option value=”2019”>2019</option>
16<option value=”2020”>2020</option>
17<option value=”2021”>2021</option>
18<option value=”2022”>2022</option>
19<option value=”2023”>2023</option>
20<option value=”2024”>2024</option>
21<option value=”2025”>2025</option>
22<option value=”2026”>2026</option>
23<option value=”2027”>2027</option>
24<option value=”2028”>2028</option>
25<option value=”2029”>2029</option>
26</select>
27
28
29<select name=”month”>
30<option value=”jan”>1月</option>
31<option value=”apr”>4月</option>
32<option value=”jul”>7月</option>
33<option value=”oct”>10月</option>
34</select>
35
36<input type="submit" value="カレンダー表示">
37<input type="submit" value="設定の更新">
38
39
40<!-- ここに訓練日策定のサーブレット -->
41
42
43
44
45
46<input type="submit" value="戻る">
47
48
49</form>
50
51</body>
52</html>
53

試したこと

にっちもさっちもいかず、何を試したらよいかがわかっておりません。

補足情報（FW/ツールのバージョンなど）

Apache Tomcat/8.0.44

m.ts10806

2018/03/26 05:44

プログラムコード(およびエラーメッセージ)は```で囲ってください。（わからなければ質問編集画面でコード部分を選択し<code>ボタンを押してください）正しく反映されているかどうかは質問編集画面のプレビューを見ながら編集していってください。

m.ts10806

2018/03/26 05:50

javascriptがNGとのことですが、「java カレンダー作成」という風に検索するのはOKですよね？

ozino

2018/03/27 01:01

「java カレンダー作成」という風に検索するのは可能です。このようなワードで検索もさせていただきましたが、セレクトボタンの結果をカレンダー表示と連携させるにあたって、javascriptが出てきたり、他のやり方がわからなかったりでご質問させていただきました。

行動規範の内容に同意します

回答1件

カレンダー内での日付の選択からDBへ反映させるまでの手順はどうなるのでしょう。

カレンダー上の日付を選択（チェックボックス等）した上で、「送信」ボタンのようなものを使って反映する
カレンダー上の日付を選択したら、自動的にDBに反映する

1 なら極端な話、各日付をラジオボタンにでもすればよいです。見栄えは CSS でどうにかできるでしょうし。JavaScript が使えるならボタンですらなくてもよいのですけれどもそれは NG ということなので、妥協しましょう。

2 なら各々の日付が submit ボタンになります。submit ボタンの name を変えておけば、受け側で送信データの中の name を見て、日を判定できるでしょう。

投稿2018/03/26 06:07

tacsheaven

総合スコア13703

ozino

2018/03/26 06:38

現状は1で考えております。この日付の選択ですが、学校の出欠管理システムを想定しております。セレクトボタンで年、月を選択し「カレンダーの表示」ボタンを押下すると講義が開講されている半年分のカレンダーを表示その後、その中から土日祝日＋学校の定めた公休日をチェックそしてそのデータを出血管理のデータベースへ格納する形になります

tacsheaven

2018/03/26 07:05

となると、1. のパターンで、各々の日付が checkbox として実装されている、形になるでしょうか。 checkbox の value が各々の日付になっていれば、送信されてくるデータにはチェックされた日付のみが入ってきますから（name=20180321&name=20180429&...といったように）、あとはDB へループさせながら反映させるだけでしょう。

ozino

2018/03/27 01:04

ご回答ありがとうございます。チェックボックスとして実装する方向で一度考えてまいりたいと思います。表示されるチェックボックスの内容はセレクトボタンによって選択される「年」「月」によって変化してくるのですがそれはjspにて「if文」などで記述することが可能なのでしょうか。

行動規範の内容に同意します