首页 > 其他分享 >Date前端日期变为年龄处理方法

Date前端日期变为年龄处理方法

时间:2022-10-09 22:07:23浏览次数:43  
标签:前端 birthdays 过滤器 日期 let Date new getMonth


现在页面展示效果为:

Date前端日期变为年龄处理方法_javascript

 1,首先编写一个过滤器用来处理想要处理的数据

Date前端日期变为年龄处理方法_数据_02

 2,将要处理的数据绑定到过滤器上

Date前端日期变为年龄处理方法_数据绑定_03

3,过滤器中:输入该代码即可完成效果(重点)

 filters: {
showAge(value) {
// 指定日期
let birthdays = new Date(value.replace(/-/g, "/"))
// 当前系统日期
let d = new Date();
let age = d.getFullYear() - birthdays.getFullYear() - (d.getMonth() < birthdays.getMonth() || (d.getMonth() == birthdays.getMonth() && d.getDate() < birthdays.getDate()) ? 1 : 0);
return age
}
},

 4,效果

Date前端日期变为年龄处理方法_数据绑定_04

 

标签:前端,birthdays,过滤器,日期,let,Date,new,getMonth
From: https://blog.51cto.com/u_15752673/5741668

相关文章

  • 前端使用json-server快速搭建服务
    一、json-server概述​ 一个在前端本地运行,可以存储json数据的server。​ 通俗来说,就是模拟服务端接口数据,一般用在前后端分离后,前端人员可以不依赖API开发,而在本地搭建......
  • layui表格中日期属性格式化
    layui日期属性格式化layui.use(['table','util','layer'],function(){vartable=layui.table;varlayer=layui.layer;varutil=layui.util;//实......
  • 日期转换SimpleDateFormat
    【1】String----》java.util.Date类型转换:(1)String---》java.sql.Date(2)java.sql.Date--->java.util.Date1publicclassTest03{2//这是一个main方法:是程序的......
  • #yyds干货盘点# 前端歌谣的刷题之路-第一百零九题-双向数据绑定
    前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从......
  • vue 前端导出PDF文件
    原理:通过对页面的截图进行生成PDF文件。PS:这里的截图指的是系统对页面的截图,不是你手动的截图,这里的截图进行可以长截图并且生成对应页数的PDF页码。  首先用npm引入......
  • 日期类java.util.Date
    1packagecom.msb.test02;23importjava.util.Date;45/**6*开发人:liu7*日期:15:41:058*描述:IntelliJIDEA9*版本:1.010*/11pub......
  • 微信公众号开发,前端通过js获取微信授权的sha1加密
    //SHA1加密functionencodeUTF8(s){vari,r=[],c,x;for(i=0;i<s.length;i++)if((c=s.charCodeAt(i))<0x80)r.push(c);elseif(c<......
  • 前端模块化发展
    前端模块化的发展 CommonJS的模块化实现 但是应用到项目中需要node技术支持解析 ES6的模块化实现模块化概述Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开......
  • 时间类型和字符串类型相互转换——SimpleDateFormat中parse和format的用法
    SimpleDateFormatsimpleDateFormat=newSimpleDateFormat("yyyy-MM-ddHH:mm:ss");simpleDateFormat.parse("xxxxxxx");//字符串->时间simpleDateFormat.format(new......
  • JAVA中计算两个日期时间的差值竟然也有这么多门道
    JAVA中计算两个日期时间的差值竟然也有这么多门道上半年春招的时候,作为面试官,对于面试表现的不错的同学会要求其写一小段代码看看。题目很简单:给定一个日期,然后计算下......