1

workdays今日は私のdatepickerの後に選択する必要があります。2日間の平日のみを選択してください。

シモンズ:今日は金曜日であれば、私は土曜日と日曜日を選択することはできません、日付ピッカーは、私はPHP、JS、ブートストラップを使用しています月曜日と木曜日に

をスキップする必要があります。

私の現在のコード:

$('.datepickerVencBoleto').datetimepicker({ 
    format: "DD/MM/YYYY", 
    minDate: new Date(), 
    daysOfWeekDisabled: [0, 6], 
}); 

// DATEPICKER 
$('.datepicker,.datepickerHojeMin').datetimepicker({ 
    format: "DD/MM/YYYY", 
    showTodayButton: true, 
    locale: moment.locale('pt-br'), 
    showClear: true, 
    showClose: true 
}); 

は赤い丸が、私は有効にする必要が日を意味します。あなたは日を有効にするかを指定するためにenabledDatesを使用することができます

Example

+0

これはPHPとは何の関係も持っていない、なぜPHP? – anwerj

+0

あなたの日付プラグインが同じではあるが、[this one](http://bootstrap-datepicker.readthedocs.io/en/latest/options.html#daysofweekdisabled)を使用して特定の日付を無効にするか、土曜日や日曜日などの曜日を無効にします。これがあなたのプラグインでない場合は、あなたのオプションを見つけ、この種の設定を探してください。 – Victor

答えて

0

(画像例)。

曜日に応じて有効にする日を指定できます(たとえば、momentjs isoWeekdayを参照)。ここで

clone()add()を使用して、ライブのサンプル:

function next2Workdays(){ 
 
    var today = moment().startOf('day'); 
 
    if(today.isoWeekday()>=1 && today.isoWeekday()<=4){ // Today is Monday - Wednesday 
 
    return [ today.clone(), today.clone().add(1, 'd') ]; 
 
    } else if(today.isoWeekday() == 5){ // Today is Friday 
 
    return [ today.clone(), today.clone().add(3, 'd') ]; 
 
    } else if(today.isoWeekday() > 5){ // Today is Saturday or Sunday 
 
    var startWeek = today.clone().startOf('isoWeek'); 
 
    var newWeek = startWeek.clone().add(1, 'week'); 
 
    return [ newWeek.clone().isoWeekday(1), newWeek.clone().isoWeekday(2)]; 
 
    } 
 
} 
 

 
$('.datepickerVencBoleto').datetimepicker({ 
 
    format: "DD/MM/YYYY", 
 
    minDate: moment().startOf('day'), 
 
    enabledDates: next2Workdays(), 
 
    locale: 'pt-br', 
 
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css" rel="stylesheet"/> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.1/moment-with-locales.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> 
 

 
<div class='col-sm-6'> 
 
    <div class="form-group"> 
 
    <div class='input-group date datepickerVencBoleto'> 
 
     <input type='text' class="form-control" /> 
 
     <span class="input-group-addon"> 
 
     <span class="glyphicon glyphicon-calendar"></span> 
 
     </span> 
 
    </div> 
 
    </div> 
 
</div>

+0

'minDate'は' moment()。startOf( 'day') 'と一緒に使われるべきです。あなたがそれを行うことができないオリジナルの日付を選択してください –

+1

@ウィリアムHM、ありがとう、私はそれを修正しました! – VincenzoC