当前位置: 首页 > Web前端 > vue.js

格式化日期、时间

时间:2023-03-31 23:15:46 vue.js

1.在全局过滤器中创建格式化日期方法//格式化日期和时间(类型可以是:字符串、时间戳、日期类型)formatDate(timestamp,format){if(timestamp!==''){consttime=new日期(时间戳)constweekArray=['day','one','two','three','four','five','six']constnumRange=function(num){return(num<10?'0':'')+num}//如果replace的第一个参数是RegExp,则先提取RegExp的匹配结果,然后用第二个参数逐个替换匹配的结果//如果是第二个replace的参数是一个回调函数,每匹配到一个结果都会被回调,每次回调都会将匹配到的结果返回format.replace(/yyyy|MM|dd|hh|mm|ss|week/g,function(result){switch(result){case'yyyy':returnnumRange(time.getFullYear())case'MM':returnnumRange(time.getMonth()+1)case'dd':returnnumRange(time.getDate())案例'mm':返回numRange(time.getMinutes())案例'hh':返回numRange(time.getHours())case'ss':returnnumRange(time.getSeconds())case'week':return'Week'+weekArray[time.getDay()]}})}返回时间戳}2.在组件中调用方法的格式为:yyyy-MM-dd

Formatdate
{{$filters.formatDate(timestamp,'yyyy-MM-dd')}}
格式为:yyyy/MM/dd
FormatDate
{{$filters.formatDate(timestamp,'yyyy/MM/dd')}}
格式为:yyyy-MM-ddhh:mm:ss
格式化日期
{{$filters.formatDate(timestamp,'yyyy-MM-ddhh:mm:ss')}}
格式为:yyyy-MM-dddayoftheweek
Formatdate
{{$filters.formatDate(timestamp,'yyyy/MM/ddweek')}}