Javascript 如何使用jquery在不可编辑的文本框中获取默认结束日期

如何使用jquery获取开始日期和结束日期

例如： 我需要得到输出：

开始日期-2016年8月22日（不应大于今天的日期，也不应自动选择）

如果某人选择“开始日期”如“今天日期”，则“结束日期”应在一年日期后自动填写

结束日期：2017年8月22日（默认情况下在不可编辑的文本框中）

这是我的HTML代码

<div class="form-group">
  <label class="control-label">Start Date</label>
  <div id="fromdatetimepicker" class="input-group">
    <input type="text" class="form-control col-sm-5" placeholder="Select a Start Date" />
    <a id="calIcon" class="input-group-addon btn btn-danger">
      <span class="glyphicon glyphicon-calendar"></span>
    </a>
  </div>
</div>
<div class="form-group">
  <label for="travelInputName">End Date</label>
  <input  readonly type="text"   class="form-control" id="todatetimepicker">    
</div>

请帮帮我！如何做到这一点，请提前感谢。

请用下面的代码修改“jQuery（#fromdatetimepicker”）.datetimepicker”事件侦听器，并删除“jQuery（#todatetimepicker”）.datetimepicker”事件侦听器，因为它是多余的

请检查下面的附件

$（函数（）{
$（“#fromdatetimepicker”）.datepicker({
日期格式：“日/月/年”，
onSelect:函数（日期文本）{
var dateText=dateText.split（'/'）；
变量to_date=dateText[0]+'/'+dateText[1]+'/'+（parseInt（dateText[2]）+1）；
jQuery（“#todatetimepicker”）.val（截止日期）；
}
});
} );

开始日期
结束日期
请使用以下代码修改“jQuery（#fromdatetimepicker”）.datetimepicker”事件侦听器，并删除“jQuery（#todatetimepicker”）.datetimepicker”事件侦听器，因为它是冗余的

请检查下面的附件


$（函数（）{
$（“#fromdatetimepicker”）.datepicker({
日期格式：“日/月/年”，
onSelect:函数（日期文本）{
var dateText=dateText.split（'/'）；
变量to_date=dateText[0]+'/'+dateText[1]+'/'+（parseInt（dateText[2]）+1）；
jQuery（“#todatetimepicker”）.val（截止日期）；
}
});
} );

开始日期
结束日期
试试这个

jQuery("#fromdatetimepicker").on("dp.change", function (e) {
  var start_date = e.date
  var end_date = start_date.setFullYear(date.getFullYear() + 1);
  var todatetimepicker = jQuery('#todatetimepicker').data("DateTimePicker");
  todatetimepicker.date(end_date)
}); 

试试这个

jQuery("#fromdatetimepicker").on("dp.change", function (e) {
  var start_date = e.date
  var end_date = start_date.setFullYear(date.getFullYear() + 1);
  var todatetimepicker = jQuery('#todatetimepicker').data("DateTimePicker");
  todatetimepicker.date(end_date)
}); 

你能试试这个吗

$('#dob').datepicker({
onSelect: function(value, ui) {
    console.log(ui.selectedYear)

//var op=此处的新日期计算

    $('#datehidden').val(op);
},
maxDate: '+0d',
yearRange: '1920:2010',
changeMonth: true,
changeYear: true,
});

你能试试这个吗

$('#dob').datepicker({
onSelect: function(value, ui) {
    console.log(ui.selectedYear)

//var op=此处的新日期计算

    $('#datehidden').val(op);
},
maxDate: '+0d',
yearRange: '1920:2010',
changeMonth: true,
changeYear: true,
});

你在使用哪个datetimepicker插件？@SandeepNayak jquery plugin你能为所有javascript库引用创建一个工作提琴吗？你在使用哪个datetimepicker插件？@SandeepNayak jquery plugin你能为所有javascript库引用创建一个工作提琴吗？谢谢，但这不起作用…默认情况下，这是将今天日期作为开始日期作为可编辑的文本框，并且不显示开始日期的日历，而在结束日期的空文本框中，这是非常感谢的..可能它在我的系统中不起作用bcoz某些插件丢失是的，或者可能是您正在使用不同的插件来执行日期选择器。谢谢，但这不起作用..这是由默认今天日期作为开始日期作为一个可编辑的文本框，不显示开始日期的日历，而在结束日期的空文本框中谢谢你。可能它在我的系统中不起作用。bcoz一些插件丢失了是的，或者可能是你正在使用不同的插件来执行日期选择器。谢谢你的帮助。但这不显示日历。仍然一样问题注释最后两行并提醒结束日期。查找问题是在设置结束日期还是在查找结束日期@请参阅MachoudharyThanku以获取您的帮助。但这不是显示日历。仍然存在相同的问题请评论最后两行并提醒结束日期。查找问题是在设置结束日期还是在查找结束日期@塞马乔杜里