如何使用jquery滑块增加日期

Question

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

$("#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;
}

您只需传入numeric-days参数（在本例中，该参数是#days中的值），就可以返回一个未来几天的日期。