0

我正在创建一个待办事项列表应用程序,用户将在其中输入要完成任务的日期和将显示任务列表的任务列表。现在我想要的是与到期日期一起显示的列表,所以如果在数据库中输入的24-07-2013日期是当前日期,23-7-2013它将在明天显示到期。我曾尝试使用 time-ago.js,但没有发现它有用。

这是我用来创建日期列表的代码:

db.transaction(function(tx){
    tx.executeSql(select_taskDetails,[],function(tx,results){
        $(".taskList_view").empty();
        if(results.rows.length>0){
            for(var i=0;i<results.rows.length;i++){
                var storedate=results.rows.item(i).set_date;
                $("#datacomp").text(jQuery.timeago(storedate));
                console.log("Assigned to: "+results.rows.item(i).assigned);
                $(".taskList_view").append("<li class='autolist' data-filtertext='"+results.rows.item(i).taskname+"'onclick='selectname("+results.rows.item(i).id+")'><a href='#'>"+results.rows.item(i).taskname+"</a><p>"+results.rows.item(i).description+"</p><span id='datacomp'></span></li>");
                temp_id=results.rows.item(i).id;
                dataobj[temp_id]=results.rows.item(i).description;
            }
            $(".taskList_view").listview('refresh');
            $('#demo_page').trigger('create');
            tap_event();
        }
        else{
            $('#demo-page').append("<h1 style='text-align:center;font-size:10px;margin-top:50px;'>No user data found<br>Please Add user <h1><a href='add_Task.html' style='text-align:center;font-size:8px;'>AddTask</a>");
        }
    });
});

任何建议都会有所帮助。提前致谢。

4

1 回答 1

0

我建议使用moment.js来完成这个 -

if(results.rows.length > 0){
    for (var i=0; i < results.rows.length; i++){
        var storeDate = moment(results.rows.item(i).set_date, 'MM-DD-YYYY');
        var currentDate = moment().format('MM-DD-YYYY')
        var diff = storeDate.diff(currentDate, 'days'); 
    }
}

这是关于显示差异的 moment.js 文档

于 2013-07-24T01:39:53.083 回答