javascript 時間指定

Question

前提・実現したいこと

すいません、初学者ですがよろしくお願いいたします。

月～金の10:00～18:00のみにformを表示させ、時間外には.time_outの要素を表示させたいです。

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

Uncaught SyntaxError: Unexpected token :

該当のソースコード

　$(function(){
         var date = new Date();
	 var Week = date.getDay();	// 曜日(数値)
  	 var hour = date.getHours();	// 時
    if( 1 <= Week >=6 && 10:00 <= hour >= 18:00 );{
        $('.form_wrapper').css('display','block');
    } else {
		$('.time_out').css('display','block');
	}
});

試したこと

時間指定の方法が調べたのですが、いまいちわかりません。。。。

Comments

[m.ts10806]

コードはマークダウンのcode機能を利用してご提示ください。
また、DateでしたらjQueryの、ではなくJavaScript本体の機能なのでほとんどjQuery関係ないと思います。

[mai-0715]

慣れておらず申し訳ありません。修正いたしました。

Answer 1

色々とまちがえています。
DateのgetHours()の返り値はドキュメントの通り

地方時に基づき、与えた日時の「時」を表す 0 から 23 の間の整数値。

です。

整数値なので10:00や18:00といったものではなく、10、18といった数値が返ってきます。
それに「:」自体は今回は単なる文字列として扱おうとしているのでクォーテーションなしでそのまま置くことはできません（場合によっては参考演算子などの一部とみなされるかもしれません）

また提示のような比較式は書けません。し、;が変な位置にあります。

if( 1 <= Week >=6 && 10:00 <= hour >= 18:00);{

丁寧に書きましょう。

if( 1 <= Week && Week <=6 && 10 <= hour && hour <= 18 ){

}

一応、下記も読んでおいてください。

• エラーメッセージの読み方と対処, 検索や質問の原則

Syntaxは構文エラーなのであくまで文法上のミスです。
珍しいものではないので調べればたいてい原因は見えてきます。

Comments

[mai-0715]

ありがとうございます！動きました！

ただ、今度は Uncaught ReferenceError: getDay is not defined at HTMLDocument.<anonymous> (common.js:11)→ var Week = date.getDay(); // 曜日(数値)の箇所
とエラーが出てしまいました。

[m.ts10806]

そもそも　dateという変数は定義されてますか？
どこでどのように来たものですか？
コードが提示されたもので全てなら未定義の変数なので上記エラーにはなりますね

[mai-0715]

定義しておりませんでした・・・・。
var date = new Date();　で定義しましたらエラーはなくなったのですが
現時間帯でelse部分の命令が効いておりますので直して見ます。
ありがとうございます！！

[m.ts10806]

エラーについては提示した
「エラーメッセージの読み方と対処, 検索や質問の原則」の記事を読んでください。
大抵はGoogle翻訳でそれなりに意味の通るものになります（回答でよく提示してますが私は執筆者本人ではありません）
あと、デバッグも覚えてください。
最低でも、「意図した箇所を通っているのか」「使いたい変数に意図した値が入っているか」の2点だけでも確認できるようになると自己解決もできるようになります。
https://ics.media/entry/190517/

Answer 2

教えて頂きありがとうございました！
思った通りに動作できました。

/*お問い合わせの対応時間以外はフォームを表示しない*/
	$(function(){
		var now = new Date();
		var week = now.getDay();	// 曜日(数値)
		var hours = now.getHours();	// 時
    if(  1 <= week && week < 6 && 10 <= hours && hours <=18 ){
        $('.form_wrapper').css('display','block');
    } else {
		$('.time_out').css('display','block');
	}
});