前回の質問で、「現在時刻を取得してフォームのselectのプルダウンを30分間隔で表示する」ことはできたのですが、
もう一つ同じselectボックスを表示させて開始時間と終了時間で選択できるフォームをつくりたいのですが、どのようにすればいいでしょうか?
どなたかご教示お願いします!
babu_babu_babooさんにご回答していただきました⇩
「現在時刻を取得してフォームのselectのプルダウンを30分間隔で表示する」
<!DOCTYPE html>
<meta charset="UTF-8">
<title>ES2015がすでにあるというのに</title>
<style>
</style>
<body>
<form id="hoge">
<select id="fuga"></select>
</form>
<script>
function* getTime (count = 0, D = new Date, step = 30) {
const
zp = n => ('0' + n ).slice (-2);
while (count--) {
let
H = D.getHours ();
M = D.getMinutes ();
yield [
zp (H),
zp (M)
].join (':');
D.setMinutes (M + step);
}
}
const select = document.querySelector ('#fuga');
//for (let e of select.childNodes) e.remove ();
for (let t of getTime (10))
select.appendChild (new Option (t, t));
以上、よろしくお願いします
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
>説明不足で申し訳...
終了時間は、どこまで表示するのか?
ましてや、最初にだれかが指摘していたけれど、日付けが変わったらどうするのか?
などなど。
作成を丸投げするんだから、きっちりと仕様書をかくべき!
回答が付くかは別だけれど。
回答者側もできるだけ汎用性をもたせて書くべきですね。
方法3)
for (let t of getTime (10,今から30分後のDateオブジェクト))
このヒントで動かせないのならあきらめて!
No.1
- 回答日時:
こんばんは
>開始時間と終了時間で選択できるフォームをつくりたいのですが、
>どのようにすればいいでしょうか?
同じものをふたつつくりたいということでしょうか?
1)出来上がったものを後で複製してしまう。
select.parentNode.appendChild (select.cloneNode(true));
ただし、IDも複製されてしまうので、重複しないようにIDを用いずにセレクタをクラス等に変えておく必要があります。
2)空のセレクト要素をもうひとつ用意しておいて(例えばselect2とします)同時に作成してしまう。
同じループのなかで
select2.appendChild (new Option (t, t));
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・【お題】絵本のタイトル
- ・【大喜利】世界最古のコンビニについて知ってる事を教えてください【投稿~10/10(木)】
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
UWSCのIE操作でプルダウンを選...
-
セレクトボックスの値から料金...
-
int select(int n, fd_set *rea...
-
リストボックスの項目の順番を...
-
CGIフォームでのformタグとjava...
-
POST時に要素を削除してからPOST
-
Javascriptの"return "について
-
<JavaScript>tableタグを入力不...
-
ラジオボタンの選択に応じてプ...
-
javascriptでスロットマシン
-
return trueとreturn falseの用...
-
jsで、配列内の文章を改行する...
-
ボタン2回押しを無効にしたい
-
textarea-Aからtextarea-Bに文...
-
ctrl+vを無効にする方法
-
tabindexの取得
-
HTMLのフォーム名とJavaScript...
-
selectで選ばれた値を別ページ...
-
チェックボックスのチェック結...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
Selectボックスの幅を自動で広...
-
CSVファイルを読みこみ、プルダ...
-
jQuery セレクトボックスで選択...
-
【javascript・PHP】プルダウン...
-
セレクトを全て選択されていな...
-
JQuery selectが反映されない
-
ブラウザの戻るボタンを押した...
-
onchange等のイベントハンドラ...
-
Selectの中身をfor文で入れる
-
javascriptでselectボックスの<...
-
現在時刻を取得してフォームのs...
-
html selectの内容を初期値に戻す
-
HTMLコンボボックスへの項目追加
-
セレクトボックスの値から料金...
-
onFocusOutが複数回呼ばれる!
-
プルダウンで現在の年月日を取...
-
プルダウンとテキストの連動
-
jspに組込んだJavaScript でjava文
-
javascriptでの2つのプルダウン...
おすすめ情報
ご回答有難うございます。
説明不足で申し訳ありません。
開始時間と終了時間のセレクトがあり、
終了時間のセレクトは、開始時間の選択した時間から30分間隔で表示したいです。
開始時間のセレクトは作成できたので、終了時間のセレクトの作成方法を教えていただけないでしょうか。
どうぞよろしくお願いします!!!