小程序模板網

擴展微信小程序框架功能:日期時間Moment.js

發(fā)布時間:2018-04-14 14:39 所屬欄目:小程序開發(fā)教程

Moment.js是一個JavaScript的日期、時間處理工具類,其對于JavaScript的日期時間處理功能非常強悍和全面。可以用在瀏覽器環(huán)境中使用,也可以在Node.js中。

Moment.js

Moment.js對Date對象的擴展不是使用Date.prototype的方式,是對Date對象創(chuàng)建一個包裝對象。通過moment()方法可以獲取這個包裝對象,并且可以在調用時傳入一個支持的輸入參數。

Moment.js 使用

獲取當前日期時間,使用moment()方法即可,無需傳入任何參數:

    var now = moment();

日期格式化

    console.log(moment().format('MMMM Do YYYY, h:mm:ss a')); // 輸出:January 3rd 2017, 2:16:38 pm
    console.log(moment().format('dddd')); // 輸出:Tuesday
    console.log(moment().format("MMM Do YY")); // 輸出:Jan 3rd 17
    console.log(moment().format('YYYY [escaped] YYYY')); // 輸出:2017 escaped 2017
    console.log(moment().format()); // 輸出:2017-01-03T14:20:03+08:00
    console.log();

相對時間

    console.log(moment("20111031", "YYYYMMDD").fromNow()); // 輸出:5 years ago
    console.log(moment("20120620", "YYYYMMDD").fromNow()); // 輸出:5 years ago
    console.log(moment().startOf('day').fromNow()); // 輸出:14 hours ago
    console.log(moment().endOf('day').fromNow()); // 輸出:in 10 hours
    console.log(moment().startOf('hour').fromNow()); // 輸出:22 minutes ago
    console.log();

日歷時間

    console.log(moment().subtract(10, 'days').calendar()); // 輸出:12/24/2016
    console.log(moment().subtract(6, 'days').calendar()); // 輸出:Last Wednesday at 2:24 PM
    console.log(moment().subtract(3, 'days').calendar()); // 輸出:Last Saturday at 2:24 PM
    console.log(moment().subtract(1, 'days').calendar()); // 輸出:Yesterday at 2:24 PM
    console.log(moment().calendar()); // 輸出:Today at 2:24 PM
    console.log(moment().add(1, 'days').calendar()); // 輸出:Tomorrow at 2:24 PM
    console.log(moment().add(3, 'days').calendar()); // 輸出:Friday at 2:24 PM
    console.log(moment().add(10, 'days').calendar()); // 輸出:01/13/2017
    console.log();

多語言支持

    console.log(moment.locale()); // 輸出:en
    var m = moment().locale('zh-cn');      
    console.log(m.format('LT')); // 輸出:下午2點33分
    console.log(m.format('LTS')); // 輸出:下午2點33分52秒
    console.log(m.format('L')); // 輸出:2017-01-03
    console.log(m.format('l')); // 輸出:2017-01-03
    console.log(m.format('LL')); // 輸出:2017年1月3日
    console.log(m.format('ll')); // 輸出:2017年1月3日
    console.log(m.format('LLL')); // 輸出:2017年1月3日下午2點33分
    console.log(m.format('lll')); // 輸出:2017年1月3日下午2點33分
    console.log(m.format('LLLL')); // 輸出:2017年1月3日星期二下午2點33分
    console.log(m.format('llll')); // 輸出:2017年1月3日星期二下午2點33分

參考資料

  • Moment.js
  • Moment.js@github
  • Moment.js中文網
  • Moment.js中文文檔系列

其他



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/23377.html 復制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢