无法使用css格式化jsp日期值

时间:2014-10-27 21:32:49

标签: java javascript

在我的jsp中,我有以下内容:

$('#content').data("myDate", "<c:out value="${myBean.strDate}"/>");

在我的js中,我将此附加到css格式化数据:

$('#sideBar').find("p[class=visitstatus]").append('<span class="visited">Visited on </span>');
$('#sideBar').find("p[class=visitstatus]").append('<span class="visitdate">');
$('#sideBar').find("p[class=visitstatus]").append($('#content').data("myDate"));
$('#sideBar').find("p[class=visitstatus]").append('</span>');   

&#34;访问&#34;显示格式化,但日期(myDate)未格式化。当我使用Chrome的开发人员工具查看它时,它会显示为:

<p class="visitstatus">
  <span class="visited">Visited on </span>
  <span class="visitdate"></span>
  "10/27/2014"
</p>

如何使用css正确格式化日期?

1 个答案:

答案 0 :(得分:0)

append('<span class="visitdate">') 

附加<span>元素,而不是字符串'<span class="visitdate">'。所以打电话给

append($('#content').data("myDate"))

然后在您刚刚创建的.visitdate span之后追加日期,而不是在其中。

最好只连接构建.visitdate范围的字符串:

var visitStatus = $('#sideBar').find("p[class=visitstatus]");
$(visitStatus).append('<span class="visited">Visited on </span>');
$(visitStatus).append('<span class="visitdate">' + $('#content').data("myDate") + '</span>');