Easyui 中使用 datebox,计算年龄
提示: moment是一个 JavaScript 日期处理类库
//需求: 出生日期 【如果 年龄超过 12岁(含) 就隐藏 儿童部分】
$(function(){
// 获取到当前datebox日期控件
$('.birthdays').datebox({
//下拉事件
onSelect: function(date){
/**核心代码 start */
//时间格式
var timeFor = moment(date).format('YYYY-MM-DD');
var age = '';
var d = new Date();
var year = d.getFullYear();
var month = d.getMonth() + 1;
var day = d.getDate();
if (month < 10) {
month = '0'+month;
}
if(day < 10){
day = '0'+day;
}
var now = year+'-'+month+'-'+day;
if (now.substring(0,4) >= timeFor.substring(0,4) && now.substring(5,7) >=timeFor.substring(5,7)
&& now.substring(8,10)>=timeFor.substring(8,10)) {
age = year - parseInt(timeFor.substring(0,4));
}else{
age = year - parseInt(timeFor.substring(0,4)) - 1;
}
// 判断 年龄
if(age > 13 ){
alert("成年哦");
$('.childrenTit,.childrenCont').hide();
}
}
});
});
测试
$('#birthdays').datebox({
onSelect: function(date){
// var date = (date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate());
// 获取选择时间毫秒数
var customerMill = new Date(date).getTime();
console.log("客户时间--》"+customerMill);
// alert( moment(date).format('YYYY MM DD'))
//获取当前毫秒数
var currentDate = new Date().getTime();
// 计算: 当前时间 - 选择时间 (毫秒)
var diff = currentDate - customerMill;
console.log(diff);
//计算天数
var format = Math.floor(diff/(24*3600*1000))
console.log(format);
}
});
本文介绍如何在EasyUI框架中利用DateBox组件计算用户的年龄,并根据年龄是否达到12岁来显示或隐藏特定的页面元素。通过使用moment.js进行日期处理,实现了动态更新的功能。
559

被折叠的 条评论
为什么被折叠?



