我正在开发一个开源应用程序,并让它运行,只是解决了一些问题,但是一触即发。有一个地方可以在keyup上计算和显示数据。
输入和显示:
<input type="date" class="input-small" name="dob" id="dob"
onkeyup="showAge();" oninput="showAge();" required
pattern="^[12]\d{3}-(0?[1-9]|1[0-2])-([012]?[0-9]|3[01])$"
data-validation-pattern-message="Must be a valid ISO8601 date."
placeholder=<?php echo _("YYYY-MM-DD"); ?>
value="<?php echo $edata["dob"]; ?>">
<span class="help-inline" id="age">Age: ?</span>
剧本:
function showAge(ind) {
document.getElementById('age').innerHTML = "Age: "+
getAge($('#dob').attr('value'));
}
function getAge(a) {
a = new Date(Date.parse(a.replace(/-/g, "/")));
var b = new Date,
years = b.getYear () - a.getYear(),
months = b.getMonth() - a.getMonth(),
days = b.getDate () - a.getDate();
if (b <= a) return "Invalid DOB."
months < 0 && (years --, months + 12);
days < 0 && (months--, days += 31);
months < 0 && (years --, months = 11);
a = [], b = function(b, c) {
b > 0 && a.push(b + c + (b > 1 ? "s" : "")) }
b(years , " year" );
b(months, " month");
b(days , " day" );
a.length > 1 && (a[a.length - 1] = "and " + a[a.length - 1]);
return(!a.length ? "0 days" : "" ) +
a.join(a.length > 2 ? ", " : " ") + " old."
}
例如,今天是2015年1月10日。如果我输入2014年1月10日的日期,则显示年龄:1年
如果我输入11/01/2014,它显示11个月的错误,它应显示2个月。
我有一种感觉,我错过了很容易的东西,只是看不到它。帮助