Question

所以我正试图在我的一个网页上实现一个小功能。

当用户注册时，他们必须放入他们的DOB。我想用这个日期做的是页面应该读取日期（一旦输入），如果用户注册超过18，另一个小东西会在它下面询问是否有酒吧经理的许可< / p>

我不太清楚如何做到这一点，所以可以提供的任何帮助都会非常感激。

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();

Javascript - 弹出/滑块涉及日期

2 个答案: