前端工作小结61-时间戳转换

简介: 前端工作小结61-时间戳转换

main.js

// 将时间戳转日期格式的过滤器
Vue.filter('dateFormat', (dataStr) => {
      var time = new Date(dataStr);
      function timeAdd0(str) {
        if (str < 10) {
          str = '0' + str;
        }
        return str
      }
      var y = time.getFullYear();
      var m = time.getMonth() + 1;
      var d = time.getDate();
      var h = time.getHours();
      var mm = time.getMinutes();
      var s = time.getSeconds();
      return y + '-' + timeAdd0(m) + '-' + timeAdd0(d) + ' ' + timeAdd0(h) + ':' + timeAdd0(mm) + ':' + timeAdd0(s);
})
new Vue({
      el: '#app',
      render: h => h()
})
.vue
<div id="app">
       <p>{{ dateTime | dateFormat }}</p>
</div>
moment时间戳-过滤器
import moment from 'moment'// 可以不用use
Vue.filter('moment', (e)=>{
  return moment(e).format('YYYY-MM-DD')
})
//    使用
<div id="app">
       <p>{{date | moment}}</p> 
</div>
相关文章
|
前端开发 JavaScript UED
"前端小技巧大揭秘:JS如何将后台时间戳秒变亲切小时前、分钟前,让用户秒懂,提升互动体验!"
【10月更文挑战第23天】在Web开发中,将后台返回的时间戳转换为“小时前”、“分钟前”、“刚刚”等友好的时间描述是常见需求。本文介绍如何用JavaScript实现这一功能,通过计算当前时间和时间戳的差值,返回相应的描述,提升用户体验。
405 1
|
前端开发 JavaScript
前端知识(十六)——js获取时间戳方法
前端知识(十六)——js获取时间戳方法
359 0
|
机器学习/深度学习 前端开发 IDE
「趣学前端」开耍CSS的3D转换,不会玩滑板但能画滑板
用技术实现梦想,用梦想打开创意之门。今天分享前端CSS中的3D转换知识点。
621 1
|
机器学习/深度学习 前端开发 IDE
「趣学前端」玩转CSS的2D转换,也许能有个代码纸片人
用技术实现梦想,用梦想打开创意之门。今天分享前端CSS中的2D转换知识点。
388 0
|
前端开发 JavaScript Java
前端基础面试题 简单复杂数据类型检测转换、阶乘、绝对值、圣诞...
前端基础面试题 简单复杂数据类型检测转换、阶乘、绝对值、圣诞...
254 0
前端基础面试题 简单复杂数据类型检测转换、阶乘、绝对值、圣诞...
|
前端开发
前端工作总结124-数组转换为对象项目案例
前端工作总结124-数组转换为对象项目案例
283 0
前端工作总结124-数组转换为对象项目案例
|
前端开发
前端工作总结138-父子组件传值 获取时间戳
前端工作总结138-父子组件传值 获取时间戳
171 0
前端工作总结138-父子组件传值 获取时间戳
|
前端开发
前端工作总结140-返回时间戳代码
前端工作总结140-返回时间戳代码
224 0
前端工作总结140-返回时间戳代码
|
前端开发
前端工作总结268-根据时间戳处理接口
前端工作总结268-根据时间戳处理接口
229 0
前端工作总结268-根据时间戳处理接口
|
JSON 前端开发 关系型数据库
解决mysql 库中间时间查询出来是时间戳方法 【数据库查询出时间,传给前端变为时间戳】【可用】
解决mysql 库中间时间查询出来是时间戳方法 【数据库查询出时间,传给前端变为时间戳】【可用】
490 0

热门文章

最新文章

  • 1
    前端如何存储数据:Cookie、LocalStorage 与 SessionStorage 全面解析
    1081
  • 2
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
    473
  • 3
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
    363
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(七):学习ransform属性;本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
    350
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
    469
  • 6
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
    636
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
    1024
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(三):元素继承关系、层叠样式规则、字体属性、文本属性;针对字体和文本作样式修改
    250
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式
    869
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
    435