自动计算天数并填写月、年答案

【问题标题】：Automatic calculation of Days and Filling of Months, Year自动计算天数并填写月、年
【发布时间】：2018-01-31 20:04:29
【问题描述】：

我被基于用户输入的数据自动计算天数和自动插入月份、日历周卡住了。

我搜索并只能通过静态而不是用户输入的日期来计算差异。

我有 6 个文本框。

第一个文本框“年”用户输入特定日期 (dd.mm.yy)
第二个文本框需要自动填充相应的日历周
第三个文本框需要自动填写相应的月份（一月、二月、三月）
第4个文本框需要自动填写相应的年份
第 5 个文本框用户输入另一个日期 (dd.mm.yy)
第 6 个文本框需要自动填写第二个输入日期和第一个输入日期之间的天数差。

我的代码如下。

$(function() { 
$( "#datepicker").datepicker({ dateFormat: 'dd.mm.yy' }); 
$("#datepickerend").datepicker({ dateFormat: 'dd.mm.yy'});
  
});

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<div>
<table border="0">
<tr>
<td>Date: <input type=text name="date" id="datepicker"></td>
</tr>
<tr>
<td>CW: <input type=text name="CW"></td>
</tr>
<tr>
<td>Month: <input type=text name="Month"></td>
</tr>
<tr>
<td>Year: <input type=text name="Year"></td>
</tr>
<tr>
<td>Ending Date: <input type=text name="enddate" id="datepickerend"></td>
</tr>
<tr>
<td>Days: <input type=text name="days"></td>
</tr>
</table>
</div>

【问题讨论】：

有momentjs.com 和许多其他处理时间和日期的库。你试过了吗？
还没有..我会试试的

标签： javascript php html css

【解决方案1】：

您可以使用 onSelect 事件，此时您可以对所选日期做任何您想做的事情。

$(function() {
$( "#datepicker").datepicker({
	dateFormat: 'dd.mm.yy',
	onSelect: function(date) {
				var selectedDate = $(this).datepicker('getDate');
				alert(selectedDate);

				// calculate week from datetime object from here
				// https://stackoverflow.com/questions/6117814/get-week-of-year-in-javascript-like-in-php
			}
});
$("#datepickerend").datepicker({ dateFormat: 'dd.mm.yy'});

});

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<div>
<table border="0">
<tr>
<td>Date: <input type=text name="date" id="datepicker"></td>
</tr>
<tr>
<td>CW: <input type=text name="CW"></td>
</tr>
<tr>
<td>Month: <input type=text name="Month"></td>
</tr>
<tr>
<td>Year: <input type=text name="Year"></td>
</tr>
<tr>
<td>Ending Date: <input type=text name="enddate" id="datepickerend"></td>
</tr>
<tr>
<td>Days: <input type=text name="days"></td>
</tr>
</table>
</div>

【讨论】：