javascript:如何隐藏代表过去日期的 DIV/UL？

Question

我有一些代码，如下所示:

<h3>Thursday Sep 10</h3>
<ul>great stuff in here</ul>

<h3>Friday Sep 18</h3>
<ul>other stuff in here</ul>

他们发生了一个基本的 jQuery hidey-showy 事情:单击 H3，下面的 UL 会展开或收缩。默认情况下，它们都显示/打开。

我想对其进行设置，以便默认情况下收缩任何已过去的日期(例如本例中的 9 月 10 日)。

我似乎无法让我的 CMS 输出一个很好的可比较日期(如纪元时间)来用作 H3 的 ID。有没有一种方法可以使用 js 的 Date() 函数根据现有信息(“Thursday Sep 10”)构建类似的内容，或者完全通过其他方式来完成此操作？

(所有日期均为 2009 年，该网站在 2010 年将不存在，因此如果需要的话，将年份硬编码到任何函数中是可以的。)

谢谢!

Answer 1

第一个障碍是将文本日期转换为可以初始化 JavaScript 日期对象的有效字符串。

http://programming.top54u.com/post/Javascript-Convert-String-to-Date.aspx 中介绍了转换过程(包括有效的字符串格式) .

不幸的是，您的文本表示形式不是 JavaScript Date 构造函数的有效输入。在 Date 构造函数中使用字符串之前，您需要编写一个函数将字符串转换为有效的表示形式。

初始化 Date 对象后，您可以比较它们(请参阅 http://www.w3schools.com/jS/js_obj_date.asp 上的“比较两个日期”)。