ผมอยากได้สูตรการนับวันทำการถัดไป
Posted: Fri Aug 11, 2023 10:29 am
เรียนทุกท่านครับ
ผมอยาก code html (Script & Body) แสดง 3 วันทำการถัดไป เงื่อนไขดังนี้
1. User ระบุวันที่ออก Order และกดคำนวณ
2. แสดงค่า วันที่ เดือน (โดยไม่นับวันที่กรอก ให้นับวันทำการถัดไปเป็นวันแรก)
เช่น User ระบุวันที่ 11/8/2023 และกดคำนวณ ค่าที่ออกมาจะต้องเป็นวันที่ 17/8/2023
หรือ User ระบุวันที่ 18/8/2023 และกดคำนวณ ค่าที่ออกมาจะต้องเป็นวันที่ 23/8/2023
ปล.ไม่แน่ใจว่าผมส่งถูกที่หรือเปล่า หากส่งหัวข้อขออภัยด้วยนะครับ
ตัวอย่างโค๊ตที่ผมเขียนเอง
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@ Page Language="C#" %>
<%@ Register tagprefix="SharePoint" namespace="Microsoft.SharePoint.WebControls"
assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta name="WebPartPageExpansion" content="full" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" x-undefined="" />
<title>Knowledge Base</title>
<meta http-equiv="X-UA-Compatible" content="IE=10" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@ ... ap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@ ... dle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<link href="../CS_frontend/No%20Use/KM/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?famil ... splay=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ ... ll.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/j ... "></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ ... t2.min.css" />
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ ... "></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ ... "></script>
<script src="xlsx.full.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@ ... ap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@ ... dle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<script>
function calculateNextDays() {
var startDate = new Date(document.getElementById("start-date").value);
var millisecondsPerDay = 24 * 60 * 60 * 1000;
var daysToAdd = 3; // จำนวนวันที่จะเพิ่ม
var addedDays = 0;
var currentDate = new Date(startDate.getTime() + millisecondsPerDay); // เริ่มนับวันหลังจากวันที่เริ่มต้น
while (addedDays < daysToAdd) {
// ตรวจสอบวันหยุด (อาทิตย์)
if (currentDate.getDay() !== 0) {
addedDays++;
}
currentDate.setTime(currentDate.getTime() + millisecondsPerDay);
}
document.getElementById("result").innerHTML = "วันที่หลังจาก " + daysToAdd + " วัน: " + currentDate.toDateString();
}
function resetResult() {
document.getElementById("result").innerHTML = "";
document.getElementById("start-date").value = "";
}
</script>
<SharePoint:CssRegistration Name="default" runat="server" __designer:Preview="" __designer:Values="<P N='Name' T='default' /><P N='EnableCssTheming' Serial='AAEAAAD/////AQAAAAAAAAAEAQAAAA5TeXN0ZW0uQm9vbGVhbgEAAAAHbV92YWx1ZQABAAs' /><P N='ID' ID='1' T='ctl00' /><P N='Page' ID='2' /><P N='TemplateControl' R='2' /><P N='AppRelativeTemplateSourceDirectory' R='-1' />"/>
</head>
<style>
</style>
<body>
<h1>คำนวณวันหลังจากวันที่เริ่มต้น (ไม่นับวันเริ่มต้นและไม่รวมวันหยุด)</h1>
<label for="start-date">วันที่เริ่มต้น: </label>
<input type="date" id="start-date"><br><br>
<button onclick="calculateNextDays()">คำนวณ</button>
<button onclick="resetResult()">รีเซ็ต</button>
<p id="result"></p>
</body>
</html>
ผมอยาก code html (Script & Body) แสดง 3 วันทำการถัดไป เงื่อนไขดังนี้
1. User ระบุวันที่ออก Order และกดคำนวณ
2. แสดงค่า วันที่ เดือน (โดยไม่นับวันที่กรอก ให้นับวันทำการถัดไปเป็นวันแรก)
เช่น User ระบุวันที่ 11/8/2023 และกดคำนวณ ค่าที่ออกมาจะต้องเป็นวันที่ 17/8/2023
หรือ User ระบุวันที่ 18/8/2023 และกดคำนวณ ค่าที่ออกมาจะต้องเป็นวันที่ 23/8/2023
ปล.ไม่แน่ใจว่าผมส่งถูกที่หรือเปล่า หากส่งหัวข้อขออภัยด้วยนะครับ
ตัวอย่างโค๊ตที่ผมเขียนเอง
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@ Page Language="C#" %>
<%@ Register tagprefix="SharePoint" namespace="Microsoft.SharePoint.WebControls"
assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta name="WebPartPageExpansion" content="full" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" x-undefined="" />
<title>Knowledge Base</title>
<meta http-equiv="X-UA-Compatible" content="IE=10" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@ ... ap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@ ... dle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<link href="../CS_frontend/No%20Use/KM/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?famil ... splay=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ ... ll.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/j ... "></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ ... t2.min.css" />
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ ... "></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ ... "></script>
<script src="xlsx.full.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@ ... ap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@ ... dle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<script>
function calculateNextDays() {
var startDate = new Date(document.getElementById("start-date").value);
var millisecondsPerDay = 24 * 60 * 60 * 1000;
var daysToAdd = 3; // จำนวนวันที่จะเพิ่ม
var addedDays = 0;
var currentDate = new Date(startDate.getTime() + millisecondsPerDay); // เริ่มนับวันหลังจากวันที่เริ่มต้น
while (addedDays < daysToAdd) {
// ตรวจสอบวันหยุด (อาทิตย์)
if (currentDate.getDay() !== 0) {
addedDays++;
}
currentDate.setTime(currentDate.getTime() + millisecondsPerDay);
}
document.getElementById("result").innerHTML = "วันที่หลังจาก " + daysToAdd + " วัน: " + currentDate.toDateString();
}
function resetResult() {
document.getElementById("result").innerHTML = "";
document.getElementById("start-date").value = "";
}
</script>
<SharePoint:CssRegistration Name="default" runat="server" __designer:Preview="" __designer:Values="<P N='Name' T='default' /><P N='EnableCssTheming' Serial='AAEAAAD/////AQAAAAAAAAAEAQAAAA5TeXN0ZW0uQm9vbGVhbgEAAAAHbV92YWx1ZQABAAs' /><P N='ID' ID='1' T='ctl00' /><P N='Page' ID='2' /><P N='TemplateControl' R='2' /><P N='AppRelativeTemplateSourceDirectory' R='-1' />"/>
</head>
<style>
</style>
<body>
<h1>คำนวณวันหลังจากวันที่เริ่มต้น (ไม่นับวันเริ่มต้นและไม่รวมวันหยุด)</h1>
<label for="start-date">วันที่เริ่มต้น: </label>
<input type="date" id="start-date"><br><br>
<button onclick="calculateNextDays()">คำนวณ</button>
<button onclick="resetResult()">รีเซ็ต</button>
<p id="result"></p>
</body>
</html>
การวาง Code ให้วางอยู่ใน Tag [code][/code] จะได้สะดวกในการอ่าน อ่านกฎการใช้บอร์ดข้อ 5 ด้านบนปรกอบ 
ครับ