javascript - 自动计算天数并填充月、年

Question

我坚持根据用户输入的数据自动计算天数并自动插入月份、日历周。

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

我有 6 个文本框。

• 第一个文本框“年份”用户输入特定日期 (dd.mm.yy)
  
• 第二个文本框需要自动填充相应的日历周
  
• 第三个文本框需要自动填充相应的月份(一月、二月、三月)
  

• 第四个文本框需要自动填充相应的年份

• 第 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>

Answer 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>