Question

我试图动态生成多个jquery datepicker输入字段，并在每个输入字段上放置一个默认的运行日期。所以，我将有10个输入字段，第一个datepicker输入将显示今天的日期，例如2016-03-22，第二个将显示2016-03-23，第三个将显示2016-03-24等

这是我的代码

function addDays(theDate, days) {
  return new Date(theDate.getTime() + days*24*60*60*1000);
}

for (var j = 0; j < 10; j++) {
    var days = addDays(new Date(), j);
    console.log(days);
    $("#date-picker"+j).datepicker({"setDate": days,
    format:'yyyy-dd-mm',    
    autoclose:true
    });
}

当我在控制台上查看时，我得到了正确的日期，但是在每个输入字段中都没有显示，我不确定我做错了什么。

当我这样做时它起作用，但格式和autoclose等属性的其余部分不可用。

for (var j = 0; j < 10; j++) {
    var days = addDays(new Date(), j);
    $("#date-picker"+j).datepicker("setDate", days);
}

请帮助。

Answer 1

您要首先解析日期格式，因为不支持Date()构造函数，而是

function addDays(theDate, days) {
  return new Date(theDate.getTime() + days * 24 * 60 * 60 * 1000);
}

for (var j = 0; j < 10; j++) {
  var days = addDays(new Date(), j);
  console.log(days);
  $("#date-picker" + j).datepicker({
    format: "yyyy-dd-mm",
    autoclose:true
  });
  $('#date-picker'+j).datepicker("setDate", days);
}

<强> Working Demo

动态生成的datepicker，具有默认的运行日期值

1 个答案: