具有默认运行日期值的动态生成的日期选取器

Dynamically generated datepicker with default running date values

本文关键字：日期 选取 动态 默认 运行      更新时间：2023-09-26

我正在尝试动态生成多个jquery日期选择器输入字段，并为每个输入字段设置默认运行日期。因此，我将有 10 个输入字段，第一个日期选择器输入将显示今天的日期，例如：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);
}

请帮忙。

您首先解析日期格式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);
}

工作演示

相关文章：