iPhoneのみjavascriptがうまく動作しません

Question

前提

先日こちらの質問をさせていただいたものです。
https://teratail.com/questions/da9vtdfo832940

いったん、解決したと思っていたのですがiPhone（iOS16.1.1 iPhoneXs）のみ
土日の時刻に変化がないことが判明し、どう直せばいいのか分からずつまずいております。
PC、Andoroidではちゃんと動きます。

実現したいこと

ソースになにか不備があるとは思うのですが、それが分からず困っております。

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

該当のソースコード

<dt><span class="hissu">必須</span>第1希望日時</dt>
<dd class="d_flex">
<span class="daytime">希望日</span> [mwform_text name="第1希望日" size="15" placeholder="希望日を選択して下さい" js="minDate:'+2d'" ]
<span class="daytime"> 時間 </span>
[mwform_select name="第1希望日時間" class="form-child1" children=":希望時間を選択して下さい,9：00,9：30,10：00,10：30,11：00,11：30,12：00,12：30,14：30,15：00,15：30,16：00,16：30,17：00,17：30,18：00,18：30,19：00,19：30" post_raw="true"]
</dd>

<dt><span class="nini">任意</span>第2希望日時</dt>
<dd class="d_flex">
<span class="daytime">希望日</span> [mwform_text name="第2希望日" size="15" placeholder="希望日を選択して下さい" js="minDate:'+2d'" ]
<span class="daytime"> 時間 </span> 
[mwform_select name="第2希望日時間" class="form-child2" children=":希望時間を選択して下さい,9：00,9：30,10：00,10：30,11：00,11：30,12：00,12：30,14：30,15：00,15：30,16：00,16：30,17：00,17：30,18：00,18：30,19：00,19：30" post_raw="true"]
</dd>

<dt><span class="nini">任意</span>第3希望日時</dt>
<dd class="d_flex">
<span class="daytime">希望日</span> [mwform_text name="第3希望日" size="15" placeholder="希望日を選択して下さい" js="minDate:'+2d'" ]
<span class="daytime"> 時間 </span> 
[mwform_select name="第3希望日時間" class="form-child3" children=":希望時間を選択して下さい,9：00,9：30,10：00,10：30,11：00,11：30,12：00,12：30,14：30,15：00,15：30,16：00,16：30,17：00,17：30,18：00,18：30,19：00,19：30" post_raw="true"]
</dd>

<script>
jQuery(function($){
$("input[name='第1希望日']").datepicker().on("change", function(e) {//日付を選ぶたびに動かしたい
var fDate1 = $("input[name='第1希望日']").datepicker('getDate');
if (fDate1 !== null) { 
    fDate1 instanceof Date; 
    var youbi1 = fDate1.getDay();  /**********曜日を0から6の整数で取得**************/
}
	if (youbi1 === 0||youbi1 === 6){ /****土(6)、または日(0)だった場合、土、日の時刻を表示****/
           $('select.form-child1').children('option[value=18：00],option[value=18：30],option[value=19：00],option[value=19：30]').hide();
     }else{
	 $('select.form-child1').children('option[value=18：00],option[value=18：30],option[value=19：00],option[value=19：30]').show();
	 }
});


$("input[name='第2希望日']").datepicker().on("change", function(e){
var fDate2 = $("input[name='第2希望日']").datepicker('getDate');
if (fDate2 !== null) { 
    fDate2 instanceof Date; 
    var youbi2 = fDate2.getDay(); 
}
if (youbi2 === 0||youbi2 === 6){
           $('select.form-child2').children('option[value=18：00],option[value=18：30],option[value=19：00],option[value=19：30]').hide();
     }else{
	  	　　$('select.form-child2').children('option[value=18：00],option[value=18：30],option[value=19：00],option[value=19：30]').show();
	 }
});


$("input[name='第3希望日']").datepicker().on("change", function(e){
var fDate3 = $("input[name='第3希望日']").datepicker('getDate');
if (fDate3 !== null) { 
    fDate3 instanceof Date; 
    var youbi3 = fDate3.getDay();  
}
if (youbi3 === 0||youbi3 === 6){ /****土(6)、または日(0)だった場合、土、日の時刻を表示****/
           $('select.form-child3').children('option[value=18：00],option[value=18：30],option[value=19：00],option[value=19：30]').hide();
     }else{
	  	　　$('select.form-child3').children('option[value=18：00],option[value=18：30],option[value=19：00],option[value=19：30]').show();
	 }
});

});/****終了*****/

</script>

試したこと

構文チェックサイト　https://jshint.com/
でどこがだめなのか確認したのですが、どう対処すればいいのかわかりませんでした。
ほかには、DOM要素に　css cursor:pointer; を追加すれば直る　という情報があり試してみましたがダメでした

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

iOS16.1.1 iPhoneXs　での動作がうまく動きませんでした

なにかご存知の方がいやっしゃいましたらよろしくお願いいたします。

Comments

[penguin520]

うまく動かないというのは、具体的にどういう動作をするのでしょうか。
jQueryをいま実装している案件がありますが、iPhoneだけうまくCSSがあたらないことを対応しています。

[higashi]

ご連絡ありがとうございます。
歯科医の予約フォームなのですが、
具体的には
平日を選んだ場合は朝9：00～19：30までの30分刻みで時刻を指定でき、
土日を選んだ場合は朝9：00～17：30までの30分刻みで指定できるのですが、
iPhoneのみ、土日も平日と同じ19:30までの時刻が表示されてしまいます。

Answer 1

かなり強引なのですが、解決しました。
.show　.hide　がうまく動いてなかったのですが、.removeはiPhoneでも動いていたので、こちらをベースに考えました。
phpには　土日の時間(９：００～17:30)を設定し、平日を選択すると（18:00～１９：３０）が追加されるようにしました。ただ、つづけて平日を選択すると（18:00～１９：３０）が延々と増えていくので、.removeで（18:00～１９：３０）を削除するようにしました。
平日から土日を選択した場合も（18:00～１９：３０）が残っているので、.removeで（18:00～１９：３０）を削除するようにしました。

jsが分かる方だと、こんなソースにはならないとは思うのですが、なんとか理想の動きになってよかったです。
ご協力ありがとうございました。

<dt><span class="hissu">必須</span>第1希望日時</dt>
<dd class="d_flex" >
<span class="daytime">希望日</span> [mwform_text name="第1希望日" size="15" placeholder="希望日を選択して下さい" js="minDate:'+2d'" ]
<span class="daytime"> 時間 </span>
[mwform_select name="第1希望日時間" class="form-child1" children=":希望時間を選択して下さい,9：00,9：30,10：00,10：30,11：00,11：30,12：00,12：30,14：30,15：00,15：30,16：00,16：30,17：00,17：30" post_raw="true"]
</dd>


<dt><span class="nini">任意</span>第2希望日時</dt>
<dd class="d_flex">
<span class="daytime">希望日</span> [mwform_text name="第2希望日" size="15" placeholder="希望日を選択して下さい" js="minDate:'+2d'" ]
<span class="daytime"> 時間 </span>
[mwform_select name="第2希望日時間" class="form-child2" children=":希望時間を選択して下さい,9：00,9：30,10：00,10：30,11：00,11：30,12：00,12：30,14：30,15：00,15：30,16：00,16：30,17：00,17：30" post_raw="true"]
</dd>


<dt><span class="nini">任意</span>第3希望日時</dt>
<dd class="d_flex" >
<span class="daytime">希望日</span> [mwform_text name="第3希望日" size="15" placeholder="希望日を選択して下さい" js="minDate:'+2d'" ]
<span class="daytime"> 時間 </span>
[mwform_select name="第3希望日時間" class="form-child3" children=":希望時間を選択して下さい,9：00,9：30,10：00,10：30,11：00,11：30,12：00,12：30,14：30,15：00,15：30,16：00,16：30,17：00,17：30" post_raw="true"]
</dd>

<script>
jQuery(function($){

$("input[name='第1希望日']").datepicker().on("change", function(e) {//日付を選ぶたびに動かしたい
var fDate1 = $("input[name='第1希望日']").datepicker('getDate');
if (fDate1 !== null) { 
    fDate1 instanceof Date; 
    var youbi1 = fDate1.getDay();  /**********曜日を0から6の整数で取得**************/
}
	if (youbi1 === 0||youbi1 === 6){ /****土(6)、または日(0)だった場合、土、日の時刻を表示****/
           $('select.form-child1').children('option[value=18：00],option[value=18：30],option[value=19：00],option[value=19：30]').remove();
     }else{
	 	　　$('select.form-child1').children('option[value=18：00],option[value=18：30],option[value=19：00],option[value=19：30]').remove();
	  	　　$('select.form-child1').append($('<option value=18：00> 18：00 </option><option value=18：30> 18：30 </option><option value=19：00> 19：00 </option><option value=19：30> 19：30 </option>'));
	}
});

$("input[name='第2希望日']").datepicker().on("change", function(e){
var fDate2 = $("input[name='第2希望日']").datepicker('getDate');
if (fDate2 !== null) { 
    fDate2 instanceof Date; 
    var youbi2 = fDate2.getDay(); 
}
if (youbi2 === 0||youbi2 === 6){ /****土(6)、または日(0)だった場合、土、日の時刻を表示****/
      $('select.form-child2').children('option[value=18：00],option[value=18：30],option[value=19：00],option[value=19：30]').remove();
     }else{
	 	　　$('select.form-child2').children('option[value=18：00],option[value=18：30],option[value=19：00],option[value=19：30]').remove();
	  	　　$('select.form-child2').append($('<option value=18：00> 18：00 </option><option value=18：30> 18：30 </option><option value=19：00> 19：00 </option><option value=19：30> 19：30 </option>'));
	}
});


$("input[name='第3希望日']").datepicker().on("change", function(e){
var fDate3 = $("input[name='第3希望日']").datepicker('getDate');
if (fDate3 !== null) { 
    fDate3 instanceof Date; 
    var youbi3 = fDate3.getDay();  
}
if (youbi3 === 0||youbi3 === 6){ /****土(6)、または日(0)だった場合、土、日の時刻を表示****/
           $('select.form-child3').children('option[value=18：00],option[value=18：30],option[value=19：00],option[value=19：30]').remove();
     }else{
	 	　　$('select.form-child3').children('option[value=18：00],option[value=18：30],option[value=19：00],option[value=19：30]').remove();
	  	　　$('select.form-child3').append($('<option value=18：00> 18：00 </option><option value=18：30> 18：30 </option><option value=19：00> 19：00 </option><option value=19：30> 19：30 </option>'));
	}
});

});/****終了*****/

</script>