日付ピッカーで週末を有効にする

Question

週末を無視し、土曜日または日曜日を選択できないWebページがあります。私はそれを有効にしたいと思って、インターネット検索を行っている間に、私はこれを引き起こしている可能性がある以下のコードを見つけました。問題は、コメントする行や、週末を有効にするために何をすべきなのかわからないことです。助けてください

function datepick() 
{ 
    var weekend_strtday = <?php echo $this->weekendDatailsArr[0]['weekendstartday']; ?>; 
    var weekend_endday = <?php echo $this->weekendDatailsArr[0]['weekendday']; ?>; 
    $('#from_date').datepicker({ 
        beforeShowDay: function(date) { 
         var day1 = date.getDay(); 
         return [(day1 != weekend_strtday && day1 != weekend_endday)]; 
        }, 
    $('#to_date').datepicker({ 
        beforeShowDay: function(date) { 
         var day2 = date.getDay(); 
         return [(day2 != weekend_strtday && day2 != weekend_endday)]; 
        }, 

Answer 1

このメソッドを使用するには、JQuery UI、Jquery、JqueryベーステーマCSSを追加する必要があります。

これは、これを行う修正された日付ピック機能です。

datepick()の中にこれらの変数は平日を格納します。 0(sunday) - 6(sataurday)は、使用することで選択できません。 beforeShowDay機能

パラメータとして日付を受け取り、とアレイ を返さなければならない関数内

var weekend_strtday = 0; 
var weekend_endday = 6; 

：

[0]：真/偽か否かを、この指示日付は選択可能

[1]：日付のセルに追加するCSSクラス名、またはデフォルトの ""の場合は " プレゼンテーション

[2]：それは を表示する前にこの日のために、オプションのポップアップツールチップ

機能は、日付ピッカーで毎日のために呼ばれています。詳細は

私たちは、週末にそれが等しい場合、現在の日付をチェックし、その日がある場合に指示するtrue/falseとして最初のインデックス付き配列を返すされ、ここで

http://api.jqueryui.com/datepicker/#option-beforeShow

beforeShowDay: function(date) { 
    var day1 = date.getDay(); 
    return [(day1 != weekend_strtday && day1 != weekend_endday)]; 
} 

をチェック選択可能かどうか。

function datepick() 
 
{ 
 
    var weekend_strtday = 0; 
 
    var weekend_endday = 6; 
 
    $('#from_date').datepicker({ 
 
     beforeShowDay: function(date) { 
 
     var day1 = date.getDay(); 
 
     return [(day1 != weekend_strtday && day1 != weekend_endday)]; 
 
     } 
 
    }); 
 
    
 
    $('#to_date').datepicker({ 
 
     beforeShowDay: function(date) { 
 
     var day2 = date.getDay(); 
 
     return [(day2 != weekend_strtday && day2 != weekend_endday)] 
 
     } 
 
    }); 
 
    
 
} 
 
datepick();

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<form> 
 
    From_date: <input id="from_date" type="text"> 
 
    To _date: <input id="to_date" type="text"> 
 
</form>

UPDATE

あなただけの設定からbeforeShowDayを削除する必要がすべての日を表示します。

$('#from_date')の入力を選択し、datepicker();メソッドを呼び出してください。

$('#from_date').datepicker(); 
$('#to_date').datepicker(); 

あなたがHTMLのような完全なコードを貼り付けてくださいだろう、以下

$('#from_date').datepicker(); 
 
$('#to_date').datepicker(); 
 

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<form> 
 
    From_date: <input id="from_date" type="text"> 
 
    To _date: <input id="to_date" type="text"> 
 
</form>