有关jQuery-mobile中日期的咨询

Question

我需要在日期选择器中添加10天。

我的日期选择器代码

<label for="bday" style="text-align:right">Pick Date</label>
<input type="date" name="bday" id="bday">

如何将要选择的内容插入变量，然后在日期前添加10天？

谢谢

Answer 1

您应该创建新的Date对象，并将其作为值分配给输入。 使用此构造函数：

new Date(year, month, day, hours, minutes, seconds, milliseconds);

以下使用jQuery的代码适用于您的情况：

//Here we create a method that will format the date the way input type date wants it: 
Date.prototype.yyyymmdd = function() {
   var yyyy = this.getFullYear().toString();
   var mm = (this.getMonth()+1).toString(); // getMonth() is zero-based
   var dd  = this.getDate().toString();
   return yyyy + '-' + (mm[1]?mm:"0"+mm[0]) + '-' + (dd[1]?dd:"0"+dd[0]); // padding
  };

$(document).ready(function(){
    var bDay = new Date(1990, 2, 1, 1, 0, 0, 0);

    $('#bday').attr('value',bDay.yyyymmdd());
    var currentDate = new Date($('#bday').attr('value'));
    //Here we add 10 days
    currentDate.setDate(currentDate.getDate() + 10);
    $('#bday').attr('value',currentDate.yyyymmdd());

});

Answer 2

这是您可以执行的操作（此示例中我使用jQuery）：

<script>
jQuery(function($){
    $('#bday').change(function(){
        var newVal = new Date(Date.parse($(this).val()));
        newVal.setDate(newVal.getDate() + 10);
        $('#result').html(newVal);
    });
});
</script>

观看演示： DEMO我知道您正在使用此浏览器，但是您可以使用Google Chrome对其进行测试。