JS 日期加判断

Html

Css

年
月
日

input {
	border:1px solid #ccc;
	border-radius:5px;
	margin:0 5px;
	padding:5px 10px;
	width:80px;
}

function date_year() {
    document.getElementById('date-month').value = document.getElementById('date-day').value = ""; //修改年份时清空月日
}

function date_month(val) {
    var y = document.getElementById('date-year').value;
    var m = parseInt(val.value);

if (!y) { //必须先填写年份才能填写月份
        val.value = "";
        alert("请先填写年份！");
    } else if (m > 12 || m < 1) { //月份的取值范围
        val.value = '';
    }
    document.getElementById('date-day').value = ""; //修改月份时清空日
}

function date_day(val) {
    var y = parseInt(document.getElementById('date-year').value);
    var m = parseInt(document.getElementById('date-month').value);
    var d = parseInt(val.value);

if (!m) { //必须先填写月份才能填写天
        val.value = "";
        alert("请先填写月份！");
        return false;
    }

switch (m) {
        case 2:
            //2月的时候运行  先判断是否是闰年
            if (y % 4 == 0 && y % 100 != 0 || y % 400 == 0) {
                //闰年
                if (d > 29 || d < 1) {
                    val.value = "";
                }
            } else {
                //平年
                if (d > 28 || d < 1) {
                    val.value = "";
                }
            }
            break;
        case 4:
        case 6:
        case 9:
        case 11:
            //小月的时候运行
            if (d > 30 || d < 1) {
                val.value = "";
            }
            break;
        default:
            //大月的时候运行
            if (d > 31 || d < 1) {
                val.value = "";
            }
            break;
    }
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

JS 日期加判断



代码描述：简单的日期判断

当填写的值超出范围时会清空input

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

Kim、磊

相关代码

JS 日期加判断

最新