iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 13
0
Modern Web

30天學習30套前端技術(2018年)系列 第 13

[十分鐘學習] Moment.js - 時間停(ㄓㄨㄢˇ)止(ㄏㄨㄢˋ)器

  • 分享至 

  • xImage
  •  

輕量級專門解析、驗證、操作、格式化日期的JavaScript函式庫,Moment是為瀏覽器和Node.js而設計,所有元件都可以在這兩個環境下運作

GitHub Star: 34,800
Javascripting Overall: 97%
瀏覽器: ChromeFirefoxIE8+
RWD: 不支援(可運作)
License: MIT


《安裝》

  • CDN

      <!-- Moment.js v2.6.0 -->
      <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.6.0/moment.min.js"></script>
    
  • npm

      $ npm install moment --save
    
  • Bower

      $ bower install moment --save
    

《範例》

  • 用三種格式顯示日期

      <script>
      	moment().format( "YYYY-MM-DD" ) // 2017-12-31
      	moment().format( "MMMM Do YYYY, h:mm:ss a" ) // December 31th 2017, 0:00:00 pm
      	moment().format( "dddd" ) // Monday
      </script>
    

《延伸》

  1. Moment.js | Home
  2. moment/moment: Parse, validate, manipulate, and display dates in javascript.

上一篇
[十分鐘學習] jQuery Validation - 表單驗證工具
下一篇
[十分鐘學習] Animate.css - 無料!純 ‧ CSS 動畫特效
系列文
30天學習30套前端技術(2018年)61
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言