I have some code that looks like this:
<h3>Thursday Sep 10</h3>
<ul>great stuff in here</ul>
<h3>Friday Sep 18</h3>
<ul>other stuff in here</ul>
They have a basic jQuery hidey-showy thing happening: click on the H3, and the UL underneath expands or contracts. By default they are all showing/open.
I’d like to set it up so that any date that has passed (like Sep 10 in this example) is contracted by default.
I don’t seem to be able to get my CMS to spit out a nice compare-able date (like epoch time) to use as an ID for the H3. Is there a way I can use js’s Date() function to build something like that out of the existing information (“Thursday Sep 10”), or some other way entirely to get this done?
(All of the dates are in 2009 and the site won’t exist in 2010, so hardcoding the year into any functions is A-OK if that’s what needs to be done.)
Thanks!
The first hurdle is to convert your text dates into valid strings that can initialize JavaScript date objects.
The conversion process (including valid string formats) is covered on http://programming.top54u.com/post/Javascript-Convert-String-to-Date.aspx.
Unfortunately, your text representations are not valid inputs for the JavaScript Date constructor. You will need to write a function to convert your strings into a valid representation before using them in the Date constructor.
Once you have your Date objects initialized, you can compare them (see “Compare Two Dates” on http://www.w3schools.com/jS/js_obj_date.asp).