vuejs怎么把时间戳变成日期

vuejs把时间戳变成日期的方法:1、创建date.js文件并保存到公共js文件夹中;2、在需要格式化时间戳的组件里使用“formatDate(date, ‘yyyy-MM-dd hh:mm’);”方法进行转换即可。

vuejs怎么把时间戳变成日期

本文操作环境:Windows7系统、vue2.9.6版,DELL G3电脑。

vuejs怎么把时间戳变成日期?

vue.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);};

登录后复制

 把上面代码保存为date.js放到你的公共js文件夹中。

在你的需要格式化时间戳的组件里像下面这样使用:

        
{{time | formatDate}}
        <!--
2016-07-23 21:52
-->import {formatDate} from './common/date.js';export default { filters: { formatDate(time) { var date = new Date(time); return formatDate(date, 'yyyy-MM-dd hh:mm'); } }}

登录后复制

这样就好了

推荐:《最新的5个vue.js视频教程精选》

以上就是vuejs怎么把时间戳变成日期的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3019449.html

(0)
上一篇 2025年3月13日 05:28:04
下一篇 2025年2月26日 15:09:09

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vuejs怎么调用js文件里面的方法

    vuejs调用js文件里面的方法:1、在assets文件下新建一个js文件;2、通过“export default {…}”在需要使用方法的组件中引用即可。 本文操作环境:Windows7系统、Vue2.9.6版,DELL G3…

    2025年3月13日
    200
  • vuejs怎么实现上传文件

    vuejs实现上传文件的方法:1、创建vue页面代码;2、通过“beforeUpload(file){…}”方法实现上传之前的大小校验;3、实现上传文件的相关逻辑即可。 本文操作环境:Windows7系统、vue2.9.6版,D…

    2025年3月13日
    200
  • vuejs snippet是什么

    vuejs snippet是一种Vue2片段补全工具,该工具可以将Vue2代码片段和语法突出显示添加到Visual Studio代码中。 本文操作环境:Windows7系统、vue2.9.6版,DELL G3电脑。 vuejs snippe…

    2025年3月13日 编程技术
    200
  • vuejs常见报错有哪些

    vuejs常见报错有:1、“vue不是内部或外部命令”错误;2、安装bootstrap时报“Install fail! Error”错误;3、ESLint语法报错;4、“es2015”错误;5、使用“vue-vli4”时报错error等等。…

    2025年3月13日 编程技术
    200
  • vuejs怎么动态改变title

    动态改变title的方法:1、在“main.js”中使用“document.title=el.dataset.title”配置浏览器标题;2、在页面的标签中,添加“v-title data-title=”title值&#8221…

    2025年3月13日
    200
  • vuejs-paginate怎么用

    方法:1、使用npm命令安装bootstrap和vuejs-paginate插件;2、使用import和“Vue.component()”语句引入插件;3、在需要的组件中添加“”代码即可。 本教程操作环境:windows7系统、vue2.9…

    2025年3月13日
    200
  • vuejs中v-show和v-if的区别是什么

    区别:1、“v-if”是动态的向DOM树内添加或者删除DOM元素,“v-show”是通过设置DOM元素的display样式属性控制显隐;2、编译过程不同;3、编译条件不同;4、“v-if”的切换消耗高,“v-show”的初始渲染消耗高等等。…

    2025年3月13日
    200
  • vuejs实现双向绑定的原理是什么

    vuejs实现双向绑定的原理:利用数据劫持和发布订阅模式,通过“Object.defineProperty()”来劫持各个属性的setter、getter,在数据变动时发布消息给订阅者,触发相应的监听回调,进而对视图进行更新。 本教程操作环…

    2025年3月13日
    200
  • vue.js怎么实现数组转字符串

    vue.js实现数组转字符串的方法:【var authority= [‘1′,’2’];let permission = authority.join(“,”);con…

    2025年3月13日
    200
  • vue.js怎么删除dom节点

    vue.js删除dom节点的方法:1、v-for循环dom节点,保证每个li都有一个删除按钮,并绑定删除事件;2、删除dom节点,如【this.datahistory.splice(this.$refs.li[index], 1)】。 本文…

    2025年3月13日
    200

发表回复

登录后才能评论