在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] 删除。
我来说两句