我想在第二个字段中显示下一个日期(加入日期)。但是,当我从第一个文本字段中选择第一个日期(截止日期)后,该值不会显示在第二个字段(加入日期)中。从第一个字段中选择日期时,如何在第二个字段中显示下一个日期?请帮助解决这个问题,我的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>
发布于 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">
https://stackoverflow.com/questions/51813070
复制相似问题