Question

我想在第二个字段中显示下一个日期（加入日期）。但是在我选择之后第一个文本字段的第一个日期（To Date），该值不是显示在第二个字段中（加入日期）。如何显示下一个日期当我从第一个字段中选择日期时，第二个字段？请帮忙解决了这个问题，下面是我的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>

Answer 1

导入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">

Javascript，如何显示下一个日期

1 个答案: