jQuery Datepicker - 禁用周末/节假日和接下来的三个工作日 [英] jQuery Datepicker - Disable weekends / holidays and the next three working days combined
本文介绍了jQuery Datepicker - 禁用周末/节假日和接下来的三个工作日的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
使用 这种相当简洁的方法 我可以从日期选择器中禁用周末和假期.
Using this rather neat approach I can disable weekends and holidays from the datepicker.
但是，我想将此与从今天起禁用接下来的三个工作日结合起来.简单地设置最小日期相对容易:
However, I want to combine this with the disabling of the next three business days from today's date. Simply setting the minimum date is relatively easy:
var dateMin = new Date();
dateMin.setDate(dateMin.getDate() + 3);
$(function() {
$('#txtCollectionDate').datepicker(
{
beforeShowDay: noWeekendsOrHolidays,
showOn: "both",
dateFormat: "dd/mm/yy",
firstDay: 1,
changeFirstDay: false,
minDate: dateMin
});
});
但是，我真正需要一个计算工作日的函数:
However, what I really need to a function that calculates the business days:
var dateMin = new Date();
dateMin.setDate(AddBusinessDays(3));
任何人都可以转换这个到 JavaScript?
Anyone able to convert this to JavaScript?
推荐答案
找到解决方案 此处.
代码(为 ASP 道歉):
Code (apologies for the ASP):
<html>
<head>
<title>Collection Date</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
<link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css" />
</head>
<body>
<h1>jQuery Datepicker Test</h1>
<%
If Request.Form("Submit") <> "" then
%>
<h2>Form Post Confirmation</h2>
<table border="1">
<tr>
<td><B>Form Variable</B></td>
<td><B>Value</B></td>
</tr>
<%
Dim Item
For Each Item In Request.Form
%>
<tr>
<td><%=Item %></td>
<td><%=Request.Form(Item) %></td>
</tr>
<% Next %>
</table>
<%
End If
%>
<form name="Form1" method="post" action="TestDatePicker.asp" id="Form1">
<h2>Collection Form</h2>
<fieldset>
<legend>Choose the collection date</legend>
<div id="datepicker"></div>
<input type="text" id="txtCollectionDate" name="txtCollectionDate" class="requiredField" style="display: none;" />
</fieldset>
<input type="submit" name="submit" value="Submit" />
</form>
<script type="text/javascript">
$(document).ready(function() {
var dateMin = new Date();
var weekDays = AddWeekDays(3);
dateMin.setDate(dateMin.getDate() + weekDays);
var natDays = [
[1, 1, 'uk'],
[12, 25, 'uk'],
[12, 26, 'uk']
];
function noWeekendsOrHolidays(date) {
var noWeekend = $.datepicker.noWeekends(date);
if (noWeekend[0]) {
return nationalDays(date);
} else {
return noWeekend;
}
}
function nationalDays(date) {
for (i = 0; i < natDays.length; i++) {
if (date.getMonth() == natDays[i][0] - 1 && date.getDate() == natDays[i][1]) {
return [false, natDays[i][2] + '_day'];
}
}
return [true, ''];
}
function AddWeekDays(weekDaysToAdd) {
var daysToAdd = 0
var mydate = new Date()
var day = mydate.getDay()
weekDaysToAdd = weekDaysToAdd - (5 - day)
if ((5 - day) < weekDaysToAdd || weekDaysToAdd == 1) {
daysToAdd = (5 - day) + 2 + daysToAdd
} else { // (5-day) >= weekDaysToAdd
daysToAdd = (5 - day) + daysToAdd
}
while (weekDaysToAdd != 0) {
var week = weekDaysToAdd - 5
if (week > 0) {
daysToAdd = 7 + daysToAdd
weekDaysToAdd = weekDaysToAdd - 5
} else { // week < 0
daysToAdd = (5 + week) + daysToAdd
weekDaysToAdd = weekDaysToAdd - (5 + week)
}
}
return daysToAdd;
}
$('#datepicker').datepicker(
{
inline: true,
beforeShowDay: noWeekendsOrHolidays,
altField: '#txtCollectionDate',
showOn: "both",
dateFormat: "dd/mm/yy",
firstDay: 1,
changeFirstDay: false,
minDate: dateMin
});
});
</script>
</body>
</html>
这篇关于jQuery Datepicker - 禁用周末/节假日和接下来的三个工作日的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
