Javascript 如何根据选择下拉式日期选择器增加关闭日期

下面是示例代码

  <input id="date1" name="start_date" id="dpd1"/>
   <select class="form_line_only form-control" name="ho_night">
                        <option selected> 0 </option>
                        <option > 1 </option>
                        <option > 2 </option>
                        <option > 3 </option>
                        <option > 4 </option>
                        <option > 5 </option>
                        <option > 6 </option>
                        <option > 7 </option>
                        <option > 8 </option>
                        <option > 9 </option>
                        <option > 10 </option>
                      </select>
    <input id="date2" name="end_date" id="dpd2"/>

0
1.
2.
3.
4.
5.
6.
7.
8.
9
10

我想根据选择的夜晚设置结束日期，你能帮我吗。我使用日期选择器。并且用户不能更改结束日期的日期。这是唯一基于夜间选择的工作。请提前谢谢

 <script src="<?php echo BASE_URL;?>js/jquery-1.10.2.js" ></script>



    <script src="<?php echo BASE_URL;?>js/jquery.min.js" ></script>
    <script src="<?php echo BASE_URL;?>js/bootstrap.min.js"></script>
      <script src="<?php echo BASE_URL;?>ckeditor/ckeditor.js" ></script>

   <script src="<?php echo BASE_URL;?>js/bootstrap-datepicker.js" ></script>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.13/datatables.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 

 <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="js/bootstrap-datepicker.js" ></script> 

<script>

jQuery('.datepicker').datepicker()

$( "#dpd1" ).datepicker({ dateFormat: 'dd/mm/yy' });

var nowTemp = new Date();

var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);



var checkin = $('#dpd1').datepicker({

  onRender: function(date) {

    return date.valueOf() < now.valueOf() ? 'disabled' : '';

  }

}).on('changeDate', function(ev) {

  if (ev.date.valueOf() > checkout.date.valueOf()) {

    var newDate = new Date(ev.date)

    newDate.setDate(newDate.getDate() + 1);

    checkout.setValue(newDate);

  }

  checkin.hide();

  $('#dpd2')[0].focus();

}).data('datepicker');

var checkout = $('#dpd2').datepicker({

  onRender: function(date) {

    return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';

  }

}).on('changeDate', function(ev) {

  checkout.hide();

}).data('datepicker');

</script> 

---

您可以对结束日期使用
只读属性，以便用户无法编辑该字段

其次，要计算结束日期，请执行开始日期和夜间的日期计算，然后您可以将该值放入结束日期字段

您可以找到各种方法将日期添加到日期。
您可以对结束日期使用
只读属性，以便用户无法编辑该字段

其次，要计算结束日期，请执行开始日期和夜间的日期计算，然后您可以将该值放入结束日期字段

您可以找到各种方法来添加日期。
请提供一个示例。请检查我更新我的问题谢谢请提供一个示例。请检查我更新我的问题谢谢我希望通过选择下拉列表和增加签出日期您为什么需要此项？如果用户插入签入日期并选择夜间，则自动显示计算日期在退房日期。。那是why@MilanParekh我对你问题的回答令人困惑吗？我想答案和你想要的是一样的，唯一的问题是，我没有给你提供代码：）我想通过选择下拉菜单和增加来选择退房日期为什么你需要这个？如果用户插入退房日期并选择晚上，那么在退房日期中自动显示它的计算。。那是why@MilanParekh我对你问题的回答令人困惑吗？我想答案和你想要的是一样的，唯一的问题是，我没有给你提供代码：）