天天看點

第192天:js---Date對象屬性和方法總結

Date對象構造函數重載方法

一、第一種重載方法---基本 目前時間

1 //構造函數 - 第一種重載方法:基本 目前時間
 2 console.log('構造函數 - 第一種重載方法:基本 目前時間')
 3 date = new Date(); //傳回時間對象 以調用getDate(),内容為目前時間
 4 console.log(date); //Sat Mar 10 2018 22:04:38 GMT+0800 (中國标準時間)
 5 
 6 date = Date(); //傳回時間字元串 沒有getDate等日期對象方法,内容為目前時間
 7 console.log(date); //Sat Mar 10 2018 22:04:38 GMT+0800 (中國标準時間)
 8 
 9 date = new Date(); //傳回時間毫秒數字
10 console.log(date);
11 //一個靜态方法 傳回目前時間與1970-01-01的時間間隔,毫秒機關
12 console.log('靜态方法')
13 console.log(Date.now());  //1520690678304      

二、第二種重載 - 傳遞毫秒值

1 //構造函數 - 第二種重載 - 傳遞毫秒值
2 console.log('構造函數 - 第二種重載 - 傳遞毫秒值')
3 //距離起始時間1970年1月1日的毫秒數
4 date = new Date(1520690678304);
5 console.log(date.toLocaleString()); //2018/3/10 下午10:04:38      

三、第三種重載 - 傳遞零散的年月日時間等日期時間參數

1 //構造函數 - 第三種重載 - 傳遞零散的年月日時間等日期時間參數
 2 console.log('構造函數 - 第三種重載 - 傳遞零散的年月日時間等日期時間參數')
 3 /*  分散的時間數值型構造函數  -  構造函數有 2-7 個參數時, 将是根據 "年, 月, 日, 時, 分, 秒, 毫秒" 建立時間 */
 4 date = new Date(2018, 2, 10, 22, 59, 59);
 5 console.log(date.toLocaleString()); //2018/3/10 下午10:59:59
 6 
 7 date = new Date(2018, 2, 10, 22, 59);
 8 console.log(date.toLocaleString()); //2018/3/10 下午10:59:00
 9 
10 date = new Date(2018, 2, 10, 22);
11 console.log(date.toLocaleString()); //2018/3/10 下午10:00:00
12 
13 date = new Date(2018, 2, 10);
14 console.log(date.toLocaleString()); //2018/3/10 上午12:00:00
15 
16 date = new Date(2018, 2);
17 console.log(date.toLocaleString()); //2018/3/1 上午12:00:00      

四、第四種重載--- 傳遞一個日期形式的字元串

1 console.log('構造函數 - 第四種重載 - 傳遞一個日期形式的字元串')
 2 //date = new Date("month dd,yyyy hh:mm:ss");
 3 //date = new Date(yyyy,mth,dd);
 4 //month:用英文表示月份名稱,從January到December
 5 //mth:用整數表示月份,從(1月)到11(12月)
 6 //dd:表示一個月中的第幾天,從1到31
 7 //yyyy:四位數表示的年份
 8 //hh:小時數,從0(午夜)到23(晚11點)
 9 //mm:分鐘數,從0到59的整數
10 //ss:秒數,從0到59的整數
11 date  = new Date("March 10, 2018 22:59:59"); //month dd,yyyy hh:mm:ss格式
12 console.log(date);                              //Sat Mar 10 2018 22:59:59 GMT+0800 (中國标準時間)
13 console.log(date.toLocaleString());             //2018/3/10 下午10:59:59
14 
15 date  = new Date("March 10,2018");            //month dd,yyyy格式
16 console.log(date);                               //Sat Mar 10 2018 00:00:00 GMT+0800 (中國标準時間)
17 console.log(date.toLocaleString());             //2018/3/10 上午12:00:00      

五、将日期對象轉換成字元串

1 /*将日期對象轉換成字元串*/
2 
3 //轉換成本地格式 -- 智能識别作業系統語言設定或者浏覽器語言設定
4 console.log('轉化成本地格式')
5 date = new Date();
6 console.log(date.toString())           //轉換為字元串 Sun Mar 11 2018 09:17:15 GMT+0800 (中國标準時間)
7 console.log(date.toLocaleTimeString())  //擷取目前時間        上午9:17:15
8 console.log(date.toLocaleDateString())  //擷取目前日期        2018/3/11
9 console.log(date.toLocaleString())      //擷取目前日期與時間  2018/3/11 上午9:17:15      

六、将一個字元串轉換為Date對象的寫法

1 /*将一個字元串轉換為Date對象的寫法*/
 2 
 3 //為什麼需要将其轉換成Date對象:因為我如果需要擷取日期,或者設定日期時間等都需要在對象的基礎上
 4 
 5 console.log('将一個字元串轉換為Date對象的寫法 -構造函數重載4方法')
 6 
 7 
 8 //方法1  構造函數重載4
 9 var str = "2018-3-11";
10 date  = new Date(str);  //字元串轉換為Date對象
11 console.log(date.toLocaleString()); //2018/3/11 上午12:00:00
12 
13 
14 //方法2 Date.parse
15 console.log('将一個字元串轉換為Date對象的寫法 -Date.parse方法')
16 //把字元串轉換為Date對象
17 //然後傳回此Date對象與'1970/01/01 00:00:00'之間的毫秒值(中原標準時間的時區為東8區,起點時間實際為:'1970/01/01 08:00:00')
18 date = Date.parse("March 11, 2018")
19 console.log(date);//1520697600000
20 
21 date = "2018-3-11";
22 console.log(Date.parse(date));//1520697600000
23 //将字元串包裝成對象之後,我們就可以使用接下來該對象擁有的屬性和方法了。。。
24 date = new Date();
25 console.log(date.getFullYear() + "-" + (date.getMonth()+1) + "-" + date.getDate());//2018-3-11        

七、擷取具體的某個日期或者時間

1 /*擷取具體的某個日期或者時間*/
 2 
 3 //當使用構造函數執行個體化一個日期對象之後,接下來我們可以從其中擷取具體的日期,時間等各種數字
 4 
 5 //擷取日期 -  年(1970-????) 月(0-11) 日(0-31) 星期(0-6)
 6 console.log('擷取日期')
 7 date = new Date();
 8 console.log(date.getFullYear());  //2018  擷取完整的年份(4位,1970-????)
 9 console.log(date.getMonth()+1)     //3  擷取目前月份(0-11,0代表1月),是以加1,就顯示正常月份
10 console.log(date.getDate());   //11  擷取幾号   - 0 - 31 比如25
11 console.log(date.getDay());    //0 (0表示星期天)擷取星期幾 - 比如星期3的3
12 
13 
14 //擷取時間 - 小時(0-23)  分(0-59)  秒(0-659) 毫秒值(0-999)  比如:12:23:45 375
15 console.log('擷取時間')
16 date = new Date();
17 console.log(date.getHours())            //擷取小時   9
18 console.log(date.getMinutes());         //擷取分     31
19 console.log(date.getSeconds());         //擷取秒   44
20 console.log(date.getMilliseconds());  // 擷取毫秒  277
21 console.log(date.getTime());          // 擷取相對于1970-01-01的毫秒值   1520731904277      

八、設定具體的某個日期或者時間

1 /*設定具體的某個日期或者時間*/
 2 
 3 //使用方法:建立一個日期對象,然後自定義具體的日期,時間
 4 
 5 //setFullYear(year, opt_month, opt_date) :設定Date對象的年份值;4位年份。
 6 //setMonth(month, opt_date) :設定Date對象的月份值。0表示1月,11表示12月。
 7 //setDate(date) :設定Date對象的月份中的日期值;值的範圍1~31 。
 8 //setHours(hour, opt_min, opt_sec, opt_msec) :設定Date對象的小時值。
 9 //setMinutes(min, opt_sec, opt_msec) :設定Date對象的分鐘值。
10 //setSeconds(sec, opt_msec) :設定Date對象的秒數值。
11 //setMilliseconds(msec) :設定Date對象的毫秒值。
12 
13 
14 //比如根據太陽的衰變動态計算太陽消失的時間
15 
16 date = new Date();
17 date.setFullYear(2020); // => 2020年
18 date.setMonth(1); // => 1:月;實際為2月份(月份從0開始計算)
19 date.setDate(20); // => 20:日
20 date.setHours(10); // => 10:時
21 date.setMinutes(30); // => 30:分
22 date.setSeconds(50); // => 50:秒
23 date.setMilliseconds(666); // => 666:毫秒
24 console.log(date); // =>  Thu Feb 20 2020 10:30:50 GMT+0800 (中國标準時間)      

繼續閱讀