JavaScript+jQuery网页特效设计任务驱动教程
上QQ阅读APP看书,第一时间看更新

任务2-8 显示限定格式的日期

【任务描述】

在网页显示限定格式的日期,即年使用4位整数,月、日都使用2位整数表示,对于小于10的月和日,前面加“0”表示,如图2-3所示。

图2-3 限定格式的日期

【思路探析】

使用Date.prototype.Format属性定义时、分、秒的标准格式,即年使用4位整数,月、日都使用2位整数表示。

【特效实现】

显示限定格式的日期与时间的JavaScript代码如表2-23所示。

表2-23 显示限定格式的日期与时间的JavaScript代码

表2-23中的代码解释如下。

(1)02~14行定义了时、分、秒的标准格式,多次使用String的replace()方法替换与正则表达式匹配的子串。

(2)15行调用方法Format()返回具有标准格式的日期。

自主训练