【解決方法】日付ピッカーで土曜日と日曜日を無効にする


私はこの日付ピッカーを5日間の範囲間隔で持っていますが、この日付ピッカーでは土曜日と日曜日を無効にする必要があります。jsに慣れていないので、これについて助けが必要かもしれません。

<!DOCTYPE html>


	<title>


   
  <div>Please Select Dates:</div>
	 <p>Start Date:</p>
	 <p>End Date:</p>



    $(document).ready(function() {
        var minDate;
        var maxDate;
        var mDate
        var j = jQuery.noConflict();
        j("#startTime").datepicker({

            onSelect: function() {
                minDate = j("#startTime").datepicker("getDate");
                var mDate = new Date(minDate.setDate(minDate.getDate()));
                maxDate = new Date(minDate.setDate(minDate.getDate() + 4));
                j("#endTime").datepicker("setDate", maxDate);
                j("#endTime").datepicker("option", "minDate", mDate);
                j("#endTime").datepicker("option", "maxDate", maxDate);
            }
        });
        var tdate = new Date();
        var ddate = new Date(tdate.setDate(tdate.getDate() + 4));
        j("#startTime").datepicker("setDate", new Date());
        j("#endTime").datepicker();
        j("#endTime").datepicker("setDate", ddate);
    });

What I have tried:

i tried to search it up but i can't achieve the desired output

解決策 1

こんにちは、あなたの問題は非常に単純です。 この次のコードを使用するだけです。

JavaScript
$(function(){

/* suppose you are trying to disable sunday(0 index),and saturday(6 index) */

$('#yourDatePickerId').datepicker({
    daysOfWeekDisabled: [0,6]
});

});

解決策 3

こんにちは

こんな使い方もできます

j(“#startTime”).datepicker({
beforeShowDay: $.datepicker.noWeekends
});

j(“#endTime”).datepicker({
beforeShowDay: $.datepicker.noWeekends
});

コメント

タイトルとURLをコピーしました