Date型の○○時～○○時の判定方法

Question

日付と時刻を入力できる欄があるのですが、
9:00~17:00の時間帯を外れていた場合、エラーを出したいです。

日付と時刻のコントロールからは、Dateオブジェクトが取得でき、
getHoursとgetMinutesでゴリゴリやればいけるのですが、
1行で判定できるスマートな書き方はないでしょうか。

追記

パッケージを使用しており、HTML記述は変更できないため、
Javascriptでのカスタマイズをしたい、という背景があります。
パッケージのJS記載欄が小さいため、できるだけ少ない行数で
判定できる書き方はないでしょうか。

<div>
	<input name="{表示のたびランダム作成}" id="{表示のたびランダム作成}" type="text" maxlength="45">
	<img width="16" height="15" class="datepicker-trigger"src="cal.gif">
	<select name="{表示のたびランダム作成}" id="{表示のたびランダム作成}">
		<option value="0">0</option>
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
		<option value="5">5</option>
		<option value="6">6</option>
		<option value="7">7</option>
		<option value="8">8</option>
		<option value="9">9</option>
		<option value="10">10</option>
		<option value="11">11</option>
		<option value="12">12</option>
		<option value="13">13</option>
		<option value="14">14</option>
		<option value="15">15</option>
		<option value="16">16</option>
		<option value="17">17</option>
		<option value="18">18</option>
		<option value="19">19</option>
		<option value="20">20</option>
		<option value="21">21</option>
		<option value="22">22</option>
		<option value="23">23</option>
	</select>
	<select name="{表示のたびランダム作成}" id="{表示のたびランダム作成}">
		<option value="00">00</option>
		<option value="05">05</option>
		<option value="10">10</option>
		<option value="15">15</option>
		<option value="20">20</option>
		<option value="25">25</option>
		<option value="30">30</option>
		<option value="35">35</option>
		<option value="40">40</option>
		<option value="45">45</option>
		<option value="50">50</option>
		<option value="55">55</option>
	</select>
</div>

パッケージの設定により、フォーム送信時前にJS処理を設定できるのですが、
id等が表示のたび生成されるため、パッケージ特有の値取得処理があります。

//パッケージにこの形で設定すると
var a = {コントロール名}

//表示時に以下のような形に変更される
var a = Utilities.getValue("#コントロールのランダムid")

Comments

[mather]

２つのselectのidは異なると思うのですが、その2つを「パッケージ特有の値取得処理」して console.log した結果を提示してください。

Answer 1

00:00 からの経過時間(ミリ秒)

質問前半と後半(HTML)の関係性が不明ですが、前半だけに言及するなら、

var time = new Date % 86400000;

と書き、「9:00 - 0:00」「17:00 - 0:00」のミリ秒で比較する方法があります。

コード

タイムゾーン込みの時刻を指定するなら、

function testTimeRange (date, start, end) {
  var time = (+date + date.getTimezoneOffset() * 100000)  % 86400000;

  return time >= start && time <= end;
}

console.log(testTimeRange(new Date(2018,9,1), 32400000, 61200000));    // false
console.log(testTimeRange(new Date(2018,9,1,8), 32400000, 61200000));  // false
console.log(testTimeRange(new Date(2018,9,1,9), 32400000, 61200000));  // true
console.log(testTimeRange(new Date(2018,9,1,10), 32400000, 61200000)); // true
console.log(testTimeRange(new Date(2018,9,1,17), 32400000, 61200000)); // true
console.log(testTimeRange(new Date(2018,9,1,18), 32400000, 61200000)); // false

UTCなら、

function testTimeRangeUTC (date, start, end) {
  var time = date  % 86400000;

  return time >= start && time <= end;
}

Re: tears さん

Answer 2

<input type="text" pattern="(9|1[0-6]):[0-5][0-9]|17:00" required>

Comments

[tears]

パッケージを使用しており、HTML記述部分は修正できないのです。記載不足で申し訳ありません。

[yambejp]

ではHTMLの記述を提示してください。

[tears]

HTMLを追記しました。

[yambejp]

idもnameもランダムが前提ではなにもできませんね
selectをなんらかの形で特定する手段はないのですか？

[tears]

パッケージ特有の設定方法で、Javascript（を設定できる項目）に特定のフォーマットで記載すると、
コントロール毎に値を返却してくれます。
例：テキストならば文字　日付ならばDate
最終的に、returnでfalseを返却すると、パッケージがフォーム送信を取りやめ、エラーを出してくれる仕様になってます。
対象の日付のDateを取得し判定しようと考えているのですが、JSの設定欄があまりに小さく、長いコードになると設定画面上にすべて表示されないのです。
そのため、できる限り短い判定方法がないか、という旨で質問しました。

[yambejp]

繰り返しになりますがidやnameで要素を特定できないなら無理です
もしできるならたとえば最初のselectが0のときにreturn falseするような
サンプルを書いて下さい

[tears]

例えば、inputに2018/01/01 と設定されており、selectが10と55の場合、
パッケージから返却されるDate型は2018/01/01 10:55:00の形で取得できます。
JSでDate型の時分秒の判定はどのような方法があるのか知りたいため質問したのですが、
入力欄やエラーなどHTMLも含めた質問と誤解させるような記載をしてしまい申し訳ありません。

[yambejp]

いまいち要領をえませんが、なんからかのDate型のオブジェクトは得られるのですね？
仮にdとしてよろしいですか？

9:00-17:00（注意:16:59じゃないの？）

var d=new Date("2018/01/01 10:55:00");
return (d.getHours()>=9 && d.getHours()<16 ||d.getHours()==17 && d.getMinutes()==0;//true
var d=new Date("2018/01/01 17:00:00");
return (d.getHours()>=9 && d.getHours()<16 ||d.getHours()==17 && d.getMinutes()==0;
//true
var d=new Date("2018/01/01 17:55:00");
return (d.getHours()>=9 && d.getHours()<16 ||d.getHours()==17 && d.getMinutes()==0;
//false

Answer 3

html の構造が変わらないなら
https://developer.mozilla.org/ja/docs/Introduction_to_using_XPath_in_JavaScript
でxpath指定することば出来ませんか？