结合2日期选择条件
问题描述:
我想结合2个日期选择条件显示日期结合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;
});
});
答
下面的代码会做两两件事:
- 这将只显示周四&周五
- 它下周开始。(只有从下周开始日期)
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' />
我希望这是你在找什么为:)