1. 程式人生 > >前端學習_10.Javascript Date物件

前端學習_10.Javascript Date物件

文章目錄

Date物件

定義

  • Date 物件用於處理日期與時間。

建立

建立Date 物件: new Date()

  • 以下四種方法同樣可以建立 Date 物件:
    • var d = new Date();
    • var d = new Date(milliseconds);
    • var d = new Date(dateString);
    • var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);

常用方法

方法 描述 輸出
toLocaleDateString() 根據本地時間格式,把 Date 物件的日期部分轉換為字串。 2018/10/15
toLocaleTimeString() 把 Date 物件的時間部分轉換為字串。 上午9:27:51
toLocaleString() 據本地時間格式,把 Date 物件轉換為字串。 2018/10/15 上午9:27:51
toUTCString() 根據世界時,把 Date 物件轉換為字串。 Mon, 15 Oct 2018 01:27:51 GMT
toDateString() 把 Date 物件的日期部分轉換為字串。 Mon Oct 15 2018
toTimeString() 把 Date 物件的時間部分轉換為字串。 09:27:51 GMT+0800 (中國標準時間)
toString() 把 Date 物件轉換為字串。 Mon Oct 15 2018 09:27:51 GMT+0800 (中國標準時間)
getTime() 返回 1970 年 1 月 1 日至今的毫秒數。 1539566871103
parse() 返回1970年1月1日午夜到指定日期(字串)的毫秒數。 1539566871103

推薦moment

JavaScript 日期處理類庫

下載安裝

  • bower install moment --save # bower
  • npm install moment --save # npm

日期格式化

例項 輸出
moment().format(‘MMMM Do YYYY, h:mm:ss a’); 十月 15日 2018, 9:42:20 上午
moment().format(‘dddd’); 星期一
moment().format(“MMM Do YY”); 10月 15日 18
moment().format(‘YYYY [escaped] YYYY’); 2018 escaped 2018
moment().format(); 2018-10-15T09:42:20+08:00

中文支援

引入Moment.js中文字典部分

<script src="../bower_components/moment/moment.js" ></script>
		
<script src="../bower_components/moment/locale/zh-cn.js" ></script>

可以在zh-cn.js指令碼檔案中,修改自定義的日期格式

	...
    var zhCn = moment.defineLocale('zh-cn', {
        months : '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),
        monthsShort : '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
        weekdays : '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),
        weekdaysShort : '週日_週一_週二_週三_週四_週五_週六'.split('_'),
        weekdaysMin : '日_一_二_三_四_五_六'.split('_'),
        longDateFormat : {
            LT : 'HH:mm',
            LTS : 'HH:mm:ss',
            L : 'YYYY-MM-DD',
            LL : 'YYYY年M月D日',
            LLL : 'YYYY年M月D日Ah點mm分',
            LLLL : 'YYYY年M月D日ddddAh點mm分',
            l : 'YYYY-M-D',
            ll : 'YYYY年M月D日',
            lll : 'YYYY年M月D日 HH:mm',
            llll : 'YYYY年M月D日dddd HH:mm'
        },
        ...
例項 輸出
moment().format(‘L’); 2018-10-15
moment().format(‘l’); 2018-10-15
moment().format(‘LL’); 2018年10月15日
moment().format(‘ll’); 2018年10月15日
moment().format(‘LLL’); 2018年10月15日上午9點45分
moment().format(‘lll’); 2018年10月15日上午9點45分
moment().format(‘LLLL’); 2018年10月15日星期一上午9點45分
moment().format(‘llll’); 2018年10月15日星期一上午9點45分