当前位置:首页 > 前端 > Vue.js

vue中时间格式化组件类库moment.js的安装和使用

  JavaScript 时间日期处理类库moment.js确实非常强大,可以各种骚操作、时间日期格式化、时间日期大小对比,还支持多语言!还有其它更多的使用技巧,可以到官网了解下吧。
  官方网站:Moment.js 中文网

1、安装

  1. bower install moment --save # bower
  2. npm install moment --save # npm
  3. Install-Package Moment.js # NuGet
  4. spm install moment --save # spm
  5. meteor add momentjs:moment # meteor

2、main.js引入挂载

  1. import moment from 'moment'
  2. // 赋值使用
  3. Vue.prototype.$moment = moment
  4. // 挂载全局过滤器
  5. Vue.filter('YYYYMMDD', (value) => {
  6. return moment(velue).format('YYYY-MM-DD')
  7. })

3、使用

Vue文件中赋值使用
  1. this.$moment('string').format("YYYY-DD-MM")
  2. this.$moment('2019-02-29T05:54:32.767Z').format("YYYY-DD-MM")

浏览器解析后 2018-02-29

过滤器使用
  1. <div>
  2. {{ new Date('2019-08-15 12:25:16') | YYYYMMDD}}
  3. </div>

浏览器解析后 2019-08-15

读后有收获可以支付宝请作者喝咖啡
< 上一篇 下一篇 >
文章评论
湘ICP备15005320号-1 似懂非懂 Powered by doyo. 网站地图
返回顶部