使用日期 ID 附加多个 div

Question

我正在尝试创建一种生活流，我会在其中显示推文等。无论如何，我才刚刚开始，我被困在一定很容易但我无法弄清楚的事情上。

我正在尝试将一系列 div（确切地说是 30 个）附加到容器中，每个 div 都有一个类/ID 以及它所关注的日期。我已经有一个包含当前日期的日期变量，格式为 dd-mm-yyyy 。我想附加到我的容器中：

<div class="entry" id="12-05-2011">
</div>
<div class="entry" id="11-05-2011">
</div>
<div class="entry" id="10-05-2011">
</div>
etc...

第一个日期在当前日期。

您对如何做到这一点有任何想法吗？

提前致谢！

这是我的日期代码：

var time = new Date();
var day = time.getDate();
var month = time.getMonth() + 1;
if(month < 10){
month = "0" + month;
}
var year = time.getFullYear();
var date = day + "-" + month + "-" + year;

Answer 1

这里有一些你可以做的JS：

date_counter = {
    current_day: (new Date()).getDate(),
    current_month: (new Date()).getMonth(),
    current_year: (new Date()).getFullYear(),
    get_date: function(days_past){
        var time = new Date(this.current_year, 
                            this.current_month, 
                            (this.current_day)+days_past);
        var day = time.getDate();
        var month = time.getMonth() + 1;
        if (month < 10) {
            month = "0" + month;
        }
        var year = time.getFullYear();
        var date = day + "-" + month + "-" + year;
        return date
    }
}

for (var i = 0; i <= 30; i++)
{
    console.log(date_counter.get_date(i));
    var date = date_counter.get_date(i);
    $the_div = $('<div>', {
        id: 'date_' + date, //to have correct types of ids (see comments below)
        text: 'Content for ' + date
    });
    $the_div.appendTo(document.body);
}

这是小提琴的例子：http://jsfiddle.net/maniator/zrnnP/

Answer 2

不知道为什么尼尔的答案如此复杂。也许我遗漏了一些东西，但以下似乎对我有用......

var date = new Date()
date.setMonth(date.getMonth() - 1);

while(date <= new Date()) {
    $('#container').append(getDateDiv(date));
    date.setDate(date.getDate() + 1);
}

function getDateDiv(date) {
    return '<div id="' + getDateString(date) + '"></div>';
}

function getDateString(date) {
   // note that months are 0 indexed
   return date.getDate() + '-' 
       + (date.getMonth() + 1) 
         + '-' + date.getFullYear();
}

EDIT刚刚看到你想要降序，所以...

var date = new Date()
var counter = 0;
while(counter <= 30)
{
    $('#container').append(getDateDiv(date));
    date.setDate(date.getDate() - 1);
    counter++;
}

顺便说一句，我建议改用yyyymmdd 格式的日期。