设置日期和时间JQuery的问题

时间:2014-04-29 13:09:30

标签: javascript jquery date time

当我将这部分代码添加到脚本时,它不会显示日期和时间:

    var d = new Date();
            var $fulaDate = $(d.getFullYear() + "-" + d.getMonth() 
            + "-" + d.getDate() + "T" + d.getHours() + ":" + d.getMinutes() 
            + ":" + d.getSeconds()).appendTo(div);

我无法弄清问题是什么。

Live Demo

JQuery的

function addComment(name1) {

        var container = $('#divComments');
        var inputs = container.find('label');
        var id = inputs.length + 1;

        var div = $('<div />', { class: 'CommentStyle' });

        $('<label />', {
            id: 'comment' + id,
            text: name1
        }).appendTo(div);

     var d = new Date();
     var $fulaDate = $(d.getFullYear() + "-" + d.getMonth() + "-" + d.getDate() + "T" +     d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds()).appendTo(div);

        div.appendTo(container); 

    }

    $('#submit').click(function () {
        addComment($('#comments').val());
        $('#comments').val("");       
    });

3 个答案:

答案 0 :(得分:4)

问题在于您已将日期字符串包装在jQuery选择器中,因此它不是被视为字符串,而是在寻找与该字符串匹配的元素。通过将日期信息保存为var,然后执行div.append($fullDate)而不是使用.appendTo(div),这是一个有用的小提琴。

http://jsfiddle.net/LCA72/3/

您的代码中可能存在其他错误,我没有深入研究显示的问题......但现在它会显示您期望的价值。

答案 1 :(得分:1)

您没有构建任何HTML元素,请尝试将文字括在div中。

代码:

 var $fulaDate = $('<div>'+d.getFullYear() + "-" + d.getMonth() + "-" + d.getDate() + "T" + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds()+'</div>').appendTo(div);

演示:http://jsfiddle.net/9jsjw/

更新

如果要显示月份名称,请使用月份数组并使用月份索引获取其描述。

代码:

var monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];

var $fulaDate = $('<div>'+d.getFullYear() + "-" + monthNames[d.getMonth()] + "-" + d.getDate() + "T" + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds()+'</div>').appendTo(div);

答案 2 :(得分:0)

用以下代码替换这3行:

var d = new Date();
var $fulaDate = d.getFullYear() + "-" + d.getMonth() + "-" + d.getDate() + "T" + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
div.html($fulaDate);

演示:http://jsfiddle.net/LCA72/6/