JavaScript如何格式化日期？日期格式化示例

一盏木人

JavaScript日期输入：有多种方法可以用JavaScript格式化日期。

格式：

ISO日期

"2019-03-06" (The International Standard)

短日期

 "03/06/2019"

长日期

"Mar 06 2019" or "06 Mar 2019"

范例1：本示例使用ISO日期格式显示日期。

<!DOCTYPE html>
         < title >Date format</ title >
     </ head >
         < center >
             < div style = "background-color: white;" >
                 < h1 >Welcome to lsbin!.</ h1 >
                 < h3 >JavaScript ISO Dates:</ h3 >
                 < p id = "name" style = "background-color: green;" ></ p >
             </ div >
         </ center >
         < script >
             let dat = new Date("2015-03-25");
             document.getElementById("name").innerHTML = dat;
         </ script >
     </ body >
</ html >

输出如下：

JavaScript ISO日期格式输出：

完成日期(日期(" 2019-03-06"))： Wed Mar 06 2019 02:07:00 GMT+0530 (India Standard Time)
年和月(日期(" 2019-03"))： Fri Mar 01 2019 02:07:00 GMT+0530 (India Standard Time)
仅年份(日期(" 2019"))： Tue Jan 01 2019 02:07:00 GMT+0530 (India Standard Time)
仅年份(日期(" 2019-03-06T12：00：00Z"))： Wed Mar 06 2019 02:07:00 GMT+0530 (India Standard Time)

JavaScript短日期：

JavaScript短日期以MM / DD / YYYY格式编写。

语法如下：

"MM/DD/YYYY"

JavaScript长日期：

JavaScript长日期以MMM DD YYYY格式编写。

语法如下：

"MMM DD YYYY"

范例2：本示例使用短日期格式。

<!DOCTYPE html>
         < title >Date format</ title >
     </ head >
         < center >
             < div style = "background-color: green;" >
                 < h1 >Welcome to lsbin!.</ h1 >
                 < h3 >JavaScript ISO Dates:</ h3 >
                 < p id = "name" ></ p >
             </ div >
         </ center >
         < script >
             var x = new Date("03/06/2019");
             document.getElementById("name").innerHTML = x;
         </ script >
     </ body >
</ html >

输出如下：

toTimeString()方法：它用于以英语返回给定日期对象的时间部分。日期对象是使用date()构造函数创建的。此方法将日期的时间部分转换为字符串。

语法如下：

var string_name = date_variable.toTimeString

例子：

<!DOCTYPE html>
     < body onload = "myFunction()" >
         < center >
         < div style = "background-color: green;" >
             < h1 >lsbin !!</ h1 >
             < p id = "geek" ></ p >
         </ div >
         < script >
             function myFunction() {
               let dt = new Date();
               let s = dt.toTimeString();
               document.getElementById("geek").innerHTML = s;
         </ script >
     </ body >
</ html >

输出如下：

Date.parse()方法：Date.parse()函数用于帮助确定从1970年1月1日午夜到我们提供的日期过去的确切毫秒数。它将转换给它的有效日期字符串(以毫秒为单位)。

语法如下：

var var_name = Date.parse(valid_date_string)

例子：

<!DOCTYPE html>
         < center >
         < div style = "background-color: green;" >
             < h1 >lsbin !!</ h1 >
             < b >Date.parse() returns the number milliseconds</ b >
             < p id = "geek" ></ p >
         </ div >