HTML输入日期，响应所选值

HTML input date, respond to chosen value?

本文关键字：响应 输入 日期 HTML      更新时间：2023-11-12

我有这个HTML:

<p>
  <label for="checkInDate">Check-in Date:</label>
  <input type="date" class="date" id="checkInDate" min="2015-01-01" 
    value="<?php echo date('Y-m-d'); ?>" />
</p>

当用户选择日期时，有没有一种方法可以响应？使用jquery，on（'click'）在元素被点击/聚焦时触发，但在我实际选择日期时不会触发。

我需要检测此事件，以便将退房日期设置为所选入住日期的第二天。

编辑：我触发了更改事件，所以现在我想在签入日期上添加一天，并将签出日期设置为该值：

var checkInDate = $(this).val();
var tomorrow = new Date(checkInDate);
tomorrow.setDate(checkInDate.getDate() + 1);
$('#checkOutDate').val(tomorrow);

中的结果

The specified value 'Thu Feb 26 2015 00:00:00 GMT-0700 (Mountain Standard Time)' does not conform to the required format, 'yyyy-MM-dd'.

您可以使用change方法。

$('#checkInDate').change(function(){
    //Do what you want here
});

它是一个输入值。因此，您应该使用jQuery的.change（）事件来跟踪它。

请记住，您可以使用与.click()事件相同的语法。I.E..on('change')

相关文章：