将一天添加到输入类型日期值

安德鲁布

在HTML中,我有一个日期输入:

<input type="date" id="checkInDate" value="<?php echo date('Y-m-d'); ?>" />

我使用jquery订阅change事件:

$('#checkInDate').on('change', function()
{
});

如何获得该输入日期的选定值,在该日期添加一个值,然后将另一个输入(checkOutDate)设置为该值?以下是我目前拥有的:

$('#checkInDate').on('change', function()
{
    var checkInDate = $(this).val();
    console.log(checkInDate); // result is yyyy-mm-dd, ex: 2015-02-20
    var split = checkInDate.split('-');
    var tomorrow = new Date(split[0], split[1], split[2], 0,0,0,0);
    console.log(tomorrow); // result is Wed Mar 18 2015 00:00:00 GMT-0600     (Mountain Daylight Time)
});

但是,这是不正确的,因为将月份02视为第三个月,因为月份是从0开始的。

里克·希区柯克

您可以使用valueAsDate属性简化此过程

$('#checkInDate')[0].valueAsDate = new Date();

$('#checkInDate').change(function() {
  var date= this.valueAsDate;
  date.setDate(date.getDate() + 1);
  $('#checkOutDate')[0].valueAsDate = date;
});

$('#checkInDate').change();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Check-in Date:  <input type="date" id="checkInDate" >  <br>
Check-out Date: <input type="date" id="checkOutDate" disabled>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将星期几的第一天添加到日期维度

来自分类Dev

将星期几的第一天添加到日期维度

来自分类Dev

使用PDF中的Javascript将一天添加到用户输入日

来自分类Dev

将一天添加到该月的最后一天

来自分类Dev

Javascript - 将 30 天添加到输入日期

来自分类Dev

在引导日期选择器中将课程添加到多个/特定的一天?

来自分类Dev

如何将一天中的几分钟添加到Python列表中?

来自分类Dev

使用Python将一个月添加到给定的日期(四舍五入后的一天)

来自分类Dev

将一天添加到一个日历变量会影响其他变量

来自分类Dev

我如何使用moment.js将一天添加到我的变量中

来自分类Dev

将天添加到给定日期jQuery

来自分类Dev

sql查询将天添加到特定的列日期

来自分类Dev

获取一天的最后输入的值

来自分类Dev

将列值(Days_Spent)添加到列 Est_end 中的日期时间天值

来自分类Dev

在JavaScript中将分钟添加到datetime对象时,如何查找是否过了一天

来自分类Dev

将前一个日期的值添加到查询结果中的实际日期

来自分类Dev

如何使用单一输入将日期范围添加到react-datepicker

来自分类Dev

Javascript。将数组添加到日期时间输入

来自分类Dev

通过将x天添加到当前日期来计算一个月中的某天

来自分类Dev

通过将x天添加到当前日期来计算一个月中的某天

来自分类Dev

添加另一个将特定日期添加到其他日期的输入函数

来自分类Dev

使用 JQuery 将输入值添加到选项值?

来自分类Dev

将选项添加到多个选择类型的输入

来自分类Dev

如何将属性添加到某些类型的输入

来自分类Dev

PHP将月份中的日期添加到日期中的月份中的第31天

来自分类Dev

将 X 天添加到接收日期,但从日期表中排除周末/假期

来自分类Dev

将随机天数添加到一系列日期时间值中

来自分类Dev

将当前值添加到未来的日期 SQL

来自分类Dev

单击将文本值添加到输入的链接

Related 相关文章

  1. 1

    将星期几的第一天添加到日期维度

  2. 2

    将星期几的第一天添加到日期维度

  3. 3

    使用PDF中的Javascript将一天添加到用户输入日

  4. 4

    将一天添加到该月的最后一天

  5. 5

    Javascript - 将 30 天添加到输入日期

  6. 6

    在引导日期选择器中将课程添加到多个/特定的一天?

  7. 7

    如何将一天中的几分钟添加到Python列表中?

  8. 8

    使用Python将一个月添加到给定的日期(四舍五入后的一天)

  9. 9

    将一天添加到一个日历变量会影响其他变量

  10. 10

    我如何使用moment.js将一天添加到我的变量中

  11. 11

    将天添加到给定日期jQuery

  12. 12

    sql查询将天添加到特定的列日期

  13. 13

    获取一天的最后输入的值

  14. 14

    将列值(Days_Spent)添加到列 Est_end 中的日期时间天值

  15. 15

    在JavaScript中将分钟添加到datetime对象时,如何查找是否过了一天

  16. 16

    将前一个日期的值添加到查询结果中的实际日期

  17. 17

    如何使用单一输入将日期范围添加到react-datepicker

  18. 18

    Javascript。将数组添加到日期时间输入

  19. 19

    通过将x天添加到当前日期来计算一个月中的某天

  20. 20

    通过将x天添加到当前日期来计算一个月中的某天

  21. 21

    添加另一个将特定日期添加到其他日期的输入函数

  22. 22

    使用 JQuery 将输入值添加到选项值?

  23. 23

    将选项添加到多个选择类型的输入

  24. 24

    如何将属性添加到某些类型的输入

  25. 25

    PHP将月份中的日期添加到日期中的月份中的第31天

  26. 26

    将 X 天添加到接收日期,但从日期表中排除周末/假期

  27. 27

    将随机天数添加到一系列日期时间值中

  28. 28

    将当前值添加到未来的日期 SQL

  29. 29

    单击将文本值添加到输入的链接

热门标签

归档