javascript - 如何使用 jquery 滑块增加日期

Question

我有一个最小值为 1 和最大值为 41 的 jquery 滑块。当我拖动滑块时，我希望能够根据文本框中显示的滑块值显示相应的日期。这是我的滑块代码 /*slider2 开始 */

$("#slider2").slider("value",1);
$("#slider2").slider({
    max:41,
    min:1,
     /*
    change:function(event,ui){
        $("input#days").val(ui.value)
    }
    */
    slide: function(event, ui) {   $("#days").val(ui.value) }
});

$("#days").val($("#slider2").slider("value"));

$("#days").change(function(event) {
  var data = $("#days").val();
  if (data.length > 0)
  {
     if (parseInt(data) >= 0 && parseInt(data) <= 41)
     {
         $("#slider2").slider("option", "value", data);
     }
     else
     {
        if (parseInt(data) < 1)
        {
            $("#days").val("1");
            $("#slider2").slider("option", "value", "1");
        }
        if (parseInt(data) > 41)
        {
            $("#days").val("41");
            $("#slider2").slider("option", "value", "41");
        }
     }
  }
  else
  {
    $("#slider2").slider("option", "value", "1");
  } 
});

Answer 1

如果您只想将天数添加到当前日期，可以使用如下函数：

function addDaysToDate(days) {
  var d = new Date();
  d.setHours(d.getHours() + (24 * days));
  return d;
}

您只需传入数字天数参数（在示例中将是来自#days 的值），您将获得未来许多天的日期。