Heim > Web-Frontend > js-Tutorial > Hauptteil

So konvertieren Sie Zeitstempel mit Vue in benutzerdefinierte Zeitformate

亚连
Freigeben: 2018-06-02 09:39:05
Original
3829 Leute haben es durchsucht

下面我就为大家分享一篇vue将时间戳转换成自定义时间格式的方法,具有很好的参考价值,希望对大家有所帮助。

1、首先建立一个date.js文件,写入如下代码:

export function formatDate (date, fmt) {
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
}
let o = {
'M+': date.getMonth() + 1,
'd+': date.getDate(),
'h+': date.getHours(),
'm+': date.getMinutes(),
's+': date.getSeconds()
};
for (let k in o) {
if (new RegExp(`(${k})`).test(fmt)) {
let str = o[k] + '';
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
}
}
return fmt;
};
function padLeftZero (str) {
return ('00' + str).substr(str.length);
};
Nach dem Login kopieren

2、在所要转换的页面引入date.js文件:

import {formatDate} from '../../date.js';
Nach dem Login kopieren

3、调用方法如下:

formatDate(new Date(time * 1000), 'yyyy-MM-dd hh:mm');
Nach dem Login kopieren

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

详细介绍JsChart组件使用方法以及功能

通过在ionic2中使用自动生成器的方法步骤有哪些?

通过AjaxUpLoad.js实现文件上传的代码示例(详细教程)

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie Zeitstempel mit Vue in benutzerdefinierte Zeitformate. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!