自动计算天数和月份填充量

时间:2018-01-31 20:04:30

标签: javascript php html css

根据用户输入的数据,我无法自动计算天数和自动插入月份,日历周。

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

我有6个文本框。

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

  • 第五个文本框用户输入另一个日期(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>

1 个答案:

答案 0 :(得分:0)

您可以使用onSelect事件,此时您可以使用所选日期执行任何操作。

&#13;
&#13;
$(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'});

});
&#13;
<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>
&#13;
&#13;
&#13;