Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
根据值更改Javascript ID的颜色_Javascript_Jquery_Html_Css - Fatal编程技术网

根据值更改Javascript ID的颜色

根据值更改Javascript ID的颜色,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我找到了一个jquery代码来根据输入的出生日期计算年龄 <tr> <td>Date of Birth:</td> <td><input type="text" name="txtdob" class="manual" /> (yyyy-mm-dd)</td> <td>Age:</td> <td><input type="text" id="age" /></td>

我找到了一个jquery代码来根据输入的出生日期计算年龄

<tr>
<td>Date of Birth:</td>
<td><input type="text" name="txtdob" class="manual" /> (yyyy-mm-dd)</td>
<td>Age:</td>
<td><input type="text" id="age" /></td>
</tr>

<script src="http://code.jquery.com/jquery.js"></script>

<script src='js/moment.min.js'></script>

<script>
function setAge(d) {
var age = moment().diff(d, 'years', true);
$('#age').val(Math.floor(age);
}

$(function() {
$('.manual').change(function() {
var isoDate = new Date($(this).val()).toISOString();
setAge(moment(isoDate));
});
});
</script>

出生日期:
(年月日)
年龄:
功能设置(d){
变量年龄=力矩().diff(d,‘年’,真);
$('年龄').val(数学地板(年龄);
}
$(函数(){
$('.manual').change(函数(){
var isoDate=新日期($(this.val()).toISOString();
设定值(力矩(等值线));
});
});
我的问题是,根据值更改年龄颜色的最佳方法是什么?例如,如果年龄低于18岁,我希望它显示为红色。

只需使用和语句即可

功能设置(d){
变量年龄=力矩().diff(d,‘年’,真);
var$age=$(“#age”);
$age.val(数学楼层(年龄));
//测试值
如果($age.val()<18){
//风格要恰当
$age.css(“颜色”、“红色”);
}
}
$(函数(){
$('.manual').change(函数(){
var isoDate=新日期($(this.val()).toISOString();
设定值(力矩(等值线));
});
});

出生日期:
(年月日)
年龄:
这将帮助您:

功能设置(d){
变量年龄=数学地板(矩().diff(d,'年',真));
$('年龄').val(年龄);
如果(年龄这对你有用

函数集(){
//测试值
如果($(“#年龄”).val()<18){
//风格要恰当
$(“年龄”).css(“颜色”、“红色”);
}否则{
$(“#年龄”).css(“颜色”、“绿色”);
}
}

出生日期:
(年月日)
年龄:
功能设置(d){
$('#age').css('color','black');
变量年龄=力矩().diff(d,‘年’,真);
$('年龄').val(数学地板(年龄));
if($('#age').val()<18){
$('#age').css('color','red');
}
}
$(文档).ready(函数(){
$(“#dob”).日期选择器({
日期格式:'年-月-日',
变化月:对,
变化年:是的,
年份范围:“1972:2011”,
违约日期:新日期(“1997年3月21日”)
}).on(“更改”,函数(){
var isoDate=新日期($(this.val()).toISOString();
设定值(力矩(等值线));
});
});

出生日期:

(年月日)
年龄:

basic if语句和比较…仍然损坏。它不会改变字段的颜色。@MikeC是的,我知道。我正在处理它。现在可以了。谢谢Omi,Woodrow,JuMoGar,Mike C,Scott Marcus。祝您取得更大的成功。