根據datetimepicker選擇的日期計算年齡
首先上圖看一下實現的效果:
html:(切記input加上value)
<div class="form-group">
<div class="col-md-4 control-label">
<label>出生日期:</label>
</div>
<div class="controls col-md-5">
<input class="form-control calendar-item" name="birthday" type="text" id="birthday" value={{ activityMember.birthday|date('Y-m-d') }} readonly="true">
<i class="es-icon es-icon-calendar text-xlg"></i>
</div>
<div class="text-left color-gray">
<span class="mlm">年齡:</span><input class="js-get-age" type="text" name="age" value=""readonly="true">
</div>
</div>
js:
$('#birthday').change(function(){
var strBirthday = $('#birthday').val();
$('.js-get-age').val(jsGetAge(strBirthday));
})
function jsGetAge(strBirthday){
var returnAge;
var strBirthdayArr=strBirthday.split("-");
var birthYear = strBirthdayArr[0];
var birthMonth = strBirthdayArr[1];
var birthDay = strBirthdayArr[2];
d = new Date();
var nowYear = d.getFullYear();
var nowMonth = d.getMonth() + 1;
var nowDay = d.getDate();
if(nowYear == birthYear){
returnAge = 0;//同年 則為0歲
}
else{
var ageDiff = nowYear - birthYear ; //年之差
if(ageDiff > 0){
if(nowMonth == birthMonth) {
var dayDiff = nowDay - birthDay;//日之差
if(dayDiff < 0)
{
returnAge = ageDiff - 1;
}
else
{
returnAge = ageDiff ;
}
}
else
{
var monthDiff = nowMonth - birthMonth;//月之差
if(monthDiff < 0)
{
returnAge = ageDiff - 1;
}
else
{
returnAge = ageDiff ;
}
}
}
else
{
returnAge = -1;//返回-1 表示出生日期輸入錯誤 晚於今天
}
}
return returnAge;//返回週歲年齡
}
總結一下就是:
1,給datepicker加一個change事件;
2,執行計算年齡的function;
3,將返回的週歲數賦給要輸出的標籤裡面。
相關文章
- JavaScript根據出生日期計算年齡JavaScript
- 資料庫 根據出生日期計算年齡的sql幾種資料庫寫法資料庫SQL
- 根據生日求年齡的SQLSQL
- js根據出生年月日換算年齡JS
- 根據選擇的物料顯示其特性值
- java 根據日期取得星期Java
- 根據身高計算體重
- JavaScript計算年齡JavaScript
- PHP計算年齡、PHP
- 微信小程式中根據字母選擇城市微信小程式
- 如何根據自己的需要選擇伺服器配置?伺服器
- 微信小程式--根據首字母選擇城市微信小程式
- 根據公曆計算農曆
- VUE elementUI calendar 根據日期段標記日期VueUI
- 根據開源資料庫選擇合適的工具資料庫
- golang能根據日期到了夏令(冬令)時計算夏令(冬令)時的當地時間嗎Golang
- IBM人工智慧新突破 根據語音推斷年齡IBM人工智慧
- MySQL年齡日期問題MySql
- 輸入某人出生日期,計算年齡和距60歲的天數
- js 根據開始日期和結束日期顯示倒數計時JS
- 如何根據寶塔皮膚引數選擇伺服器伺服器
- pytest-根據類或函式名選擇用例函式
- Jquery 日期選擇jQuery
- java 根據經緯度計算圓周Java
- 根據AWR計算IOPS與MBPS
- 根據需要的圖表型別選擇echarts對應的series型別型別Echarts
- excel身份證號計算年齡Excel
- ABAP選擇螢幕:根據使用者選擇動態顯示螢幕(轉老宋)
- 根據奧卡姆剃刀原理選擇架構 - Eduards Sizovs架構
- 大資料時代,如何根據業務選擇合適的分散式框架大資料分散式框架
- 如何根據資料的分佈來選擇ML演算法? - Reddit演算法
- 根據使用者不同的選擇動態改變程式的標題
- iOS根據圖片比例計算顯示大小iOS
- 根據商品數量自動計算價格
- android 根據設定的日期獲取星期幾Android
- JavaScript 根據type篩選inputJavaScript
- 根據應用場景合理選擇工業相機的解析度
- 2024年:如何根據專案具體情況選擇合適的CSS技術棧CSS