使用默认运行日期值动态生成的日期选择器

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
    });
}

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

当我按照以下方式进行操作时，它可以工作，但格式和自动关闭等属性的其余部分将不可用。

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