Question

我有一个jquery滑块，最小值为1，最大值为41.当我拖动滑块时，我希望能够根据文本框中显示的滑块的值显示相应的日期。这是我的滑码 / * 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中的值），您将获得将来许多天的日期。

如何使用jquery滑块增加日期

1 个答案: