2017-04-24 81 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' />

我希望这是你在找什么为:)