<div style="padding:5px 0px;"> 本人计划自 <input datafld="qxlj_kssj" datasrc="#bind_70" id="kssj" mindex="20" name="kssj" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" readonly="readonly" style="border-bottom: 1px solid; width: 130px; color: rgb(0, 0, 0); padding-left: 10px;" type="text" /> 至<input datafld="qxlj_jssj" datasrc="#bind_70" id="jssj" mindex="21" name="jssj" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" readonly="readonly" style="border-bottom: 1px solid; width: 130px; color: rgb(0, 0, 0); padding-left: 10px;" type="text" /> (休假<input class="input6" datafld="qxlj_qjts" datasrc="#bind_70" id="qjts" mindex="24" name="qjts" style="width: 40px; padding-left: 10px;" type="text" readonly="readonly"/> 天,其中工作日<input class="input6" datafld="qxlj_qjgzrs" datasrc="#bind_70" id="qjgzrs" mindex="25" name="qjgzrs" style="width: 40px; padding-left: 10px;" type="text" readonly="readonly"/> 天,节假日、公休日<input class="input6" datafld="qxlj_gxrs" datasrc="#bind_70" id="gxrs" mindex="26" name="gxrs" style="width: 40px; padding-left: 10px;" type="text" readonly="readonly"/> 天) </div>根据以上代码实现计算工作日和公休日的值
时间: 2023-08-07 20:12:49 浏览: 99
你可以使用 JavaScript 来实现计算工作日和公休日的值。以下是一个示例代码:
```javascript
function calculateDays() {
var startDate = new Date(document.getElementById("kssj").value);
var endDate = new Date(document.getElementById("jssj").value);
// 计算两个日期之间的天数差
var daysDiff = Math.floor((endDate - startDate) / (24 * 60 * 60 * 1000)) + 1;
// 获取工作日和公休日的输入框元素
var qjgzrsInput = document.getElementById("qjgzrs");
var gxrsInput = document.getElementById("gxrs");
// 根据工作日和公休日的输入框值计算工作日和公休日的天数
var qjgzrs = parseInt(qjgzrsInput.value);
var gxrs = parseInt(gxrsInput.value);
// 计算休假天数
var qjts = daysDiff - qjgzrs - gxrs;
// 更新休假天数输入框的值
document.getElementById("qjts").value = qjts;
}
// 在日期选择框值改变时调用计算函数
document.getElementById("kssj").addEventListener("change", calculateDays);
document.getElementById("jssj").addEventListener("change", calculateDays);
document.getElementById("qjgzrs").addEventListener("change", calculateDays);
document.getElementById("gxrs").addEventListener("change", calculateDays);
```
这段代码会根据起始日期(kssj)和结束日期(jssj),以及工作日(qjgzrs)和公休日(gxrs)的输入值,计算休假天数(qjts)。你可以将这段代码添加到你的页面中,确保相关的 HTML 元素的 id 与代码中的对应元素 id 一致。然后,当你修改日期和输入工作日和公休日时,休假天数会自动计算并更新到相关的输入框中。
阅读全文