VUE基础知识14

格式化日期
序:github里面有个JS插件叫moment,document里面有使用方式
1.下载,在项目文件里面右键单击选择open in terminial在终端打开;npm i moment--save,这样就在进行一个全局的安装了!
2.进入项目文件的package.json里面,看到依赖dependencies,就会有一个关于moment的内容显示出来。在node_modules的moment文件夹的readme里面也有使用方式。

<p>{{time}}</p>
<p>{{time|timeFormat}}</p>
<p>{{time|timeFormat('YYYY-MM-DD')}}</p>
<p>{{time|timeFormat('HH:mm:ss')}}</p>
import moment from 'moment'
data(){
    return{
        time:new Date()
    }
},
mounted(){
    //当一个组件完成时候,就会来到这里,下面的代码作用就是每隔1秒刷新一次。
    setInterval(()=>{
        this.time = new Date()
    },1000)
},
filters:{
    timeFormat(value,format='YYYY-MM-DD HH:mm:ss'){
        return moment(value).format(format);
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值