Moment.js日期处理库的使用
生活随笔
收集整理的這篇文章主要介紹了
Moment.js日期处理库的使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Moment.js
Moment.js是一個輕量級的JavaScript時間庫,它方便了日常開發中對時間的操作,提高了開發效率。這個在一些金融保險公司會經常用到,比如一下時間的格式化處理,時間的選擇等等。
這個比較好的地方是可以格式化時間(很常用),日歷的選擇、多語言支持等等。
幾種安裝方式(選擇其中一種即可)
| npm install moment --save | # npm |
| yarn add moment | # Yarn |
| Install-Package Moment.js | # NuGet |
| spm install moment --save | # spm |
| meteor add momentjs:moment | # meteor |
官方文檔:
http://momentjs.cn/
moment.js下載:
http://cdn.staticfile.org/moment.js/2.24.0/moment.js
moment.js多語言下載:
http://cdn.staticfile.org/moment.js/2.24.0/moment-with-locales.js
引入
<script src="moment.js"></script> <script>moment().format(); </script>或
日期格式化
moment().format('MMMM Do YYYY, h:mm:ss a'); // 十二月 16日 2021, 4:22:44 下午 moment().format('dddd'); // 星期四 moment().format("MMM Do YY"); // 12月 16日 21 moment().format('YYYY [escaped] YYYY'); // 2021 escaped 2021 moment().format(); // 2021-12-16T16:22:44+08:00相對時間
moment("20111031", "YYYYMMDD").fromNow(); // 10 年前 moment("20120620", "YYYYMMDD").fromNow(); // 9 年前 moment().startOf('day').fromNow(); // 16 小時前 moment().endOf('day').fromNow(); // 8 小時內 moment().startOf('hour').fromNow(); // 23 分鐘前日歷時間
moment().subtract(10, 'days').calendar(); // 2021/12/06 moment().subtract(6, 'days').calendar(); // 上星期五16:22 moment().subtract(3, 'days').calendar(); // 上星期一16:22 moment().subtract(1, 'days').calendar(); // 昨天16:22 moment().calendar(); // 今天16:22 moment().add(1, 'days').calendar(); // 明天16:22 moment().add(3, 'days').calendar(); // 下星期日16:22 moment().add(10, 'days').calendar(); // 2021/12/26多語言支持
moment.locale(); // zh-cn moment().format('LT'); // 16:22 moment().format('LTS'); // 16:22:44 moment().format('L'); // 2021/12/16 moment().format('l'); // 2021/12/16 moment().format('LL'); // 2021年12月16日 moment().format('ll'); // 2021年12月16日 moment().format('LLL'); // 2021年12月16日下午4點22分 moment().format('lll'); // 2021年12月16日 16:22 moment().format('LLLL'); // 2021年12月16日星期四下午4點22分 moment().format('llll'); // 2021年12月16日星期四 16:22好啦,本期內容就分享到這里,我們下期見!
總結
以上是生活随笔為你收集整理的Moment.js日期处理库的使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 浏览器各个属性的作用
- 下一篇: 知道这些性能优化手段,工资起码提升一倍