自动完成输入类型日期选择器


Auto complete input type date picker

今天我的挑战是:我有两个输入和一个按钮:

两个输入都是日期选择器类型。因此,当我从第一个输入中选择一个日期时(例如,我选择2013年11月19日),我希望第二个输入自动完成为一天后的值。因此,当我点击第一个输入时,第二个必须自动选择2013年11月20日。我使用这些输入来计算价格(在我的Magento商店)。

下面是我的html(只是一个骨架)的结构

<div class="select_grid">
    <input type="text" placeholder="mm/dd/yyyy" autocomplete="off" name="from" id="from" class="hasDatepicker">
    <input type="text" placeholder="mm/dd/yyyy" autocomplete="off" name="to" id="to" class="hasDatepicker">
    <input type="submit" name="Submit">
</div>

如果您喜欢使用JQuery,您需要为from字段的onChange处理程序设置一些内容。

类似于:

onChange="$('#to').attr('value',$(this).val());"

你必须稍微修改一下。目前的语法只会复制值。您需要使用javascript或jQuery日期函数来增加一天/周等。

这样做的一个例子是在这个溢出问题中:将+1添加到当前日期