这里有新鲜出炉的 vue.js 教程,程序狗速度看过来!
Vue.js 是构建 web 界面的 JavaScript 库,提供数据驱动的组件,还有简单灵活的 API,使得 MVVM 更简单。
本篇文章主要介绍了 vue 时间格式化实例代码,这里整理了详细的代码, 具有一定的参考价值,感兴趣的小伙伴们可以参考一下
整理文档,搜刮出一个 vue 时间格式化实例代码,稍微整理精简一下做下分享。
- 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);
- }
把上面代码保存为 date.js 放到你的公共 js 文件夹中。
在你的需要格式化时间戳的组件里像下面这样使用:
- <template>
- <!-- 过滤器 -->
- <div>{{time | formatDate}}</div>
- <!-- 输出结果 -->
- <!-- <div>2016-07-23 21:52</div> -->
- </template>
- <script>
- import {formatDate} from './common/date.js';
- export default {
- data() {
- return {
- time:1469281964000
- }
- },
- filters: {
- formatDate(time) {
- var date = new Date(time);
- return formatDate(date, yyyy-MM-dd hh:mm);
- }
- }
- }
- </script>
来源: http://www.phperz.com/article/17/0813/338686.html