前端开发:基于原生JS的时间过滤实现

63 篇文章 33 订阅 ¥259.90 ¥99.00

在前端开发的时候,经常会遇到处理时间日期的需求,有时候会需要根据实际情况来对获取到的时间日期做处理,不同的开发者有不同的编码风格,也有不同的选择方式,其实对时间日期的处理(过滤)有很多种方法,有通过第三方日期格式化插件来处理的,有自己写原生JS方法来实现的。通过插件来实现日期格式化处理,只用在项目里面引入插件之后,直接通过插件的调用方法直接处理时间过滤的需求,这种方式可以简化代码,提高代码整洁度。但是,通过原生JS来实现时间过滤也是一种不错的方式,只用把时间过滤的方法封装成公用方法,然后全局调用即可,这也是一种不错的时间过滤方式。

常用的通过第三方插件来处理时间过滤功能那就是前端开发者都很熟悉也经常使用的moment.js的方式来实现,moment.js中文网也把具体的集成方式和用法都讲的很清楚,这里就不在过多介绍,本篇博文只来具体讲解一下通过JS原生来实现时间过滤。

其实通过原生JS来实现时间过滤的方式也很简单,只用把过滤时间的方法搞成一个公共方法,然后通过全局调用,即可。具体的处理时间过滤的方法如下所示:

//时间过滤

export const formatDate = (value, type) => {

  if(value==null){ return ''; }

  let dates = new Date(value);

  if(!isNaN(dates)&&!isNaN(Date.parse(dates))){

    //dates.setHours(dates.getHours()+8);

   
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三掌柜666

如果对您有所帮助,请支持一下呗

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值