前端學習_10.Javascript Date物件
阿新 • • 發佈：2018-12-15
文章目錄
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分 |