日期:2014-05-17  浏览次数:20819 次

比较两个文本框输入时间前后
两个文本框,用于输入时间,分别用时间控件输入时间,格式为yyyy-mm-dd,如何用javascript来比较它们的先后呢?
求高手帮助,求代码
巨谢!

------解决方案--------------------
比较先后!是要比较开始时间鱼结束时间吧!var star = $("#checkHoteStartTime").val();
var end = $("#checkHoteEndTime").val();
if(star!="" && end!=""){
if(end < star){
var buttons1={"ok":"确认"};
var buttons2={};
msgBox('消息提示','开始时间不能大于结束时间!',buttons1,buttons2);
return;
}
if(star > $("#today").val()){
var buttons3={"ok":"确认"};
var buttons4={};
msgBox('消息提示','开始时间不能大于当前时间!',buttons3,buttons4);
return;
}
if(end > $("#today").val()){
var buttons5={"ok":"确认"};
var buttons6={};
msgBox('消息提示','结束时间不能大于当前时间!',buttons5,buttons6);
return;
}
}
------解决方案--------------------
//验证开始时间是否大于结束时间
function checkTime() {
var startTime = $( "#startTime ").val();
var endTime = $( "#endTime ").val();
if(startTime!= " " && endTime!= " " ) {
if(startTime > endTime) {
alert( "开始时间大于结束时间! ");
$( "#startTime ").attr( "value ", ' ');//清空内容
$( "#endTime ").attr( "value ", ' ');//清空内容
} return true;
}

然后在onclick里面调用就好了
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-31j">
<title>Insert title here</title>
<script type="text/javascript">
function compareTime() {
var startTime = document.getElementById("startTime").value.replace(/-/g, "");
var endTime = document.getElementById("endTime").value.replace(/-/g, "");
if(startTime > endTime) {
alert("开始时间不能大于结束时间");
}
}
function compareTime1() {
var startTime = document.getElementById("startTime").value;
var endTime = document.getElementById("endTime").value;
if(startTime > endTime) {
alert("开始时间不能大于结束时间");
}
}
</script>
</head>
<body>
<input type="text" id="startTime" />
<input type="text" id="endTime"/>
<input type="button" value="testButton" onclick="compareTime()"/>
<input type="button" value="testButton1" onclick="compareTime1()"/>
</body>
</html>
------解决方案--------------------
格式能确定一定是 yyyy-MM-dd的
那你直接取 然后大于小于比较就行了。
JScript code

function checkTime(){
    var start_date = document.getElementById("start_date").value;
    var end_date = document.getElementById("end_date").value;
    if(start_date!=""&&end_date!=""){
            if(start_date>end_date){
            alert("开始时间不能大于结束时间!");
            return false;
        }
    }
}