Javascript，如何显示下一个日期
Javascript，如何显示下一个日期
提问于 2018-08-13 05:37:48
我想在第二个字段中显示下一个日期(加入日期)。但是，当我从第一个文本字段中选择第一个日期(截止日期)后，该值不会显示在第二个字段(加入日期)中。从第一个字段中选择日期时，如何在第二个字段中显示下一个日期？请帮助解决这个问题，我的Html和JQuery代码如下
To date: <input type="text" id="to" value="" name="to">
Joining Date: <input type="text" id="join"> JQuery代码是
<script>
$('#to').change(function(){
var date1 = $('#to').datepicker('getDate');
var date = new Date( Date.parse( date1 ) );
date.setDate( date.getDate() + 1 );
var newDate = date.toDateString();
newDate = new Date( Date.parse(newDate) );
$('#join').datepicker('setDate', newDate );
})
</script>回答 1
Stack Overflow用户
回答已采纳
发布于 2018-08-13 05:42:52
导入jQuery和datepicker插件后，您的代码似乎运行良好。
代码片段：
/* Intialise the datepicker for '#to'. */
$('#to').datepicker();
/* Set the 'change' event for '#to'. */
$('#to').change(function() {
var date1 = $('#to').datepicker('getDate');
var date = new Date(Date.parse(date1));
date.setDate(date.getDate() + 1);
var newDate = date.toDateString();
newDate = new Date(Date.parse(newDate));
$('#join').datepicker('setDate', newDate);
});<!-- jQuery and Datepicker scripts -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js"></script>
<!-- Your HTML code -->
To date: <input type="text" id="to" value="" name="to">
Joining Date: <input type="text" id="join">
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51813070
复制相关文章
相似问题