繁体   English   中英

如何使用 JavaScript 通过以 mm/dd/yyyy 格式将天数(项目持续时间)添加到当前日期来查找项目完成日期?

[英]How can I use JavaScript to find Project Completion Date by adding number of days (Project Duration) to Current Day in mm/dd/yyyy format?

我目前正在为网页设计前景和 JavaScript 新手制作报价表,并且一直在使用 JavaScript 根据项目持续时间(天数)+项目开始日期的总和来确定项目完成日期(默认设置为今天的日期,格式为mm/dd/yyyy )。

非常感谢有经验的帮手来解决这个初学者的问题。

 function SetDate() { var date = new Date(); var day = date.getDate(); var month = date.getMonth() + 1; var year = date.getFullYear(); if (month < 10) month = "0" + month; if (day < 10) day = "0" + day; var today = month + "-" + day + "-" +year; document.getElementById('Date').value = today; document.getElementById('Project_Start_Date').value = today; }
 <td>Projected Duration Estimate**:</td> <td><input type="text" name="Projected Duration" id="Projected_Duration"><label> Days</label></td> <td>Project Start Date:</td> <td><input type="text" name="Project Start Date" id="Project_Start_Date"></td> <td>Project Completion Date:</td> <td><input type="text" name="Project Completion Date" id="Project_Completion_Date"></td>

为此使用 moment.js 的 add, moment().add(7, 'days')

// 它为您提供从当前日期起 7 天后的日期)

参考链接https://momentjs.com/docs/#/manipulating/add/

处理日期时, moment非常棒。

 function render() { const estimate = parseInt(document.getElementById("Projected_Duration").value); const startDateStr = document.getElementById("Project_Start_Date").value; if(startDateStr) { const startDate = moment(startDateStr); let endDate = startDate.add(estimate, 'day').format('YYYY-MM-DD'); document.getElementById("Project_Completion_Date").value = endDate; } }
 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment-with-locales.min.js"></script> <td>Projected Duration Estimate**:</td> <td><input type="number" min="0" name="Projected Duration" id="Projected_Duration" onchange="render()"><label> Days</label></td> <td>Project Start Date:</td> <td><input type="date" name="Project Start Date" id="Project_Start_Date" onchange="render()"></td> <td>Project Completion Date:</td> <td><input type="date" name="Project Completion Date" id="Project_Completion_Date" readonly></td>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM