Javascript - 彈出/滑塊涉及日期

Question

所以我試圖在我的網頁上實現一個小功能。

當用戶註冊時，他們必須放入他們的DOB。我想在這個日期做什麼是頁面應該讀取日期（只要輸入），如果用戶註冊超過18，另一個小東西下降，詢問他們是否有一個酒吧經理的許可證

我不太清楚如何做到這一點，所以任何可以提供的幫助將不勝感激。

Answer 1

我可能會使用3個組合框通常，但只是爲了讓你快速工作例如看到這個Fiddle

HTML

<input type="text" id="iDOB" name="iDOB" onblur="checkAge('iDOB');" /> e.g "01/01/1980" 
<div id='dropdown'> 
<Label>Licence</Label> 
<select> 
    <option value="no">no</option> 
    <option value="yes">yes</option> 
</select> 
</div> 

JS

$(function(){$('#dropdown').hide();}) 

function checkAge(textbox) { 
    var textInput = document.getElementById(textbox).value; 

    //Turns dd/mm/yyyy to yyyy/mm/dd 
    var Bdate = new Date(textInput.replace(/(\d{2})\/(\d{2})\/(\d{4})/,'$3-$2-$1'));  
    var Cdate = new Date(); 

    //turns differance in dates from milliseconds to years 
    var age = Math.floor(((Cdate - Bdate)/1000/(60 * 60 * 24))/365.25); 

    if (age >= 18){ 
     // if 18 or older show combobox 
     $("#dropdown").show(); 
    }    
    else 
    { 
     //else hide it 
     $("#dropdown").hide(); 
    } 
} 

問候

亞當

Answer 2

通常我不會去爲這種類型的事情，但這裏看看這個fiddle

基本上只是採取用

getAge(dateString) 

獲取年齡，然後，如果一切都結束了18它會觸發

$("#dropdown").slideToggle();