2017-04-24 85 views
1

我想結合2個日期選擇條件顯示日期結合2日期選擇條件

  1. 只有週四&週六必須證明
  2. 從下週只有日期 - ....必須證明

分開,他們工作。但是,當我把它們合併在2件作品中只有1件。 我用我的代碼做了一個小提琴。這裏是。謝謝。

https://jsfiddle.net/y8ojanna/

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<div class="row"> 
          <div class="col-md-2 col-sm-12 "> 
          <h3>Afhalen op:</h3> 

          </div> 
          <div class="col-md-4 col-sm-12 "> 

          <div id="date"></div> 
           <label>Geselecteerd:</label> 
           <input type="text" id="datefield" name="date" required data-readonly/> 
          </div> 

         </div> 

JAVASCRIPT

var selected; 
$(function() { 
    var date = new Date(); 
    var dayNo = date.getDay(); 
    var mindate = (7-dayNo); 
    $("#date").datepicker({ 
     dateFormat: 'yy-mm-dd', firstDay: 1,minDate: mindate 
    }); 
    $('#date').datepicker({beforeShowDay: function(date){ 
     return [date.getDay() != 1 & date.getDay() != 2 & date.getDay() != 3 & date.getDay() != 5 & date.getDay() != 0, '']; 
    }}); 
    $('#date').on("change",function(){ 
     selected = $(this).val(); 
     document.getElementById('datefield').value = selected; 
    }); 
}); 

回答

1

下面的代碼會做兩兩件事:

  1. 這將只顯示週四&週五
  2. 它下週開始。(只有從下週開始日期)

var dateToday = new Date(); 
 

 
$('#visit').datepicker({ 
 
    beforeShowDay: checkAvailable, 
 
    minDate: '+1w' 
 
}); 
 

 
function checkAvailable(date) { 
 
     var day = date.getDay(); 
 
     return [(day == 4 || day == 5)]; 
 
}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script> 
 
<link href="https://davidwalsh.name/demo/jquery-ui-css/custom-theme/jquery-ui-1.7.2.custom.css" rel="stylesheet"/> 
 

 
<input type='text' id='visit' />

我希望這是你在找什麼爲:)