Question

我有两个＆＃39;文本框＆＃39;我在＆＃39; Textbox1＆＃39;中选择日期使用jquery Datepicker。当我在Textbox1中选择日期时，我需要在Textbox2中自动显示日期，并在Textbox1中添加两天。

例如：如果在＆＃39; Textbox1＆＃39;中选择日期是＆＃39; 31/12 / 2015＆＃39;

在＆＃39; Textbox2＆＃39;中显示日期2016年2月2日......

我还需要添加月份和年份以添加并显示在Textbox2中。

任何建议...........？

Answer 1

$("#textbox1").datepicker({
    onSelect: function(dateText, inst) {
       var someDate=new Date(dateText);
       var duration =2; //day
       $("#textbox2").val(new Date(someDate.getTime() +  (duration * 24 * 60 * 60 * 1000)));
    }
});

Answer 2

我可能会使用momentjs来添加日期，它比在纯JS中尝试手动添加日期更加清晰。请参阅下面的代码库，以执行您在问题中描述的内容。

＆＃13;

$(function() {
debugger;
  $('#textbox1').datepicker(
  {
    onSelect: function(dateText, inst) {
      var txtBox2 = $('#textbox2');
      var _sel = new moment(dateText);
      txtBox2.val(_sel.add('day',2));
    }
  });
});

＆＃13;

<link href="https://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<div>
  <input type="text" name="textbox1" id="textbox1">
  <input type="text" name="textbox2" id="textbox2" readonly="readonly">
</div>

＆＃13;

使用jquery或Javascript将日期添加到选定日期

2 个答案: