表单输入类型=日期并在 .change 上重复显示

Question

所以我有以下小提琴：http://jsfiddle.net/bmgh1985/XcScd/

我需要做的是当我输入日期时，它会通过这个 jQuery：

$('#headline').keyup(function () {
    $('#headlinedisp').text($('#headline').val());
});
$('#timestamp').change(function () {
    $('#timestampdisp').text($('#timestamp').val());
});
$('#news').keyup(function () {
    $('#newsdisp').text($('#news').val());
});

然后在下方显示预览。 在我开始使用“日期”类型之前，一切都很好。现在，当我输入 23/03/2013 之类的内容时，它会以 2013-03-23 的形式显示。这对我来说非常适合我将它粘贴到我的 SQL 表中，但希望通过稍微修改 jQuery 来实时显示它在显示框中的内容。

另外，我会有一些落后的人坚持使用 IE6、7、8，所以他们会看到一个标准文本框，他们会将 23/03/2013 输入到该文本框，它会正确显示为输出。我也不希望它搞砸（所以基本上，如果它的文本然后离开它。如果它是日期类型，将 .change 上的输出更改为正确的格式）。

Answer 1

无论输入类型和格式如何，我能想到的为您的日期实现一致的输出格式的最佳方法是从输入创建一个 javascript Date 对象，然后使用类似此答案Where can I find documentation on formatting a date in JavaScript? 的方法以实现所需的目标格式。

当然，这仅适用于已完成的日期。如果您想在他们输入日期时重新​​格式化日期，您可能必须手动解析输入并将其重新组织成您想要的格式。