<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>時間差</title>
<script type="text/javascript">
function compute(){
var strtime = document.all.form1.strTime.value;
var endtime = document.all.form1.endTime.value;
var strtimeReplace = strtime.replace(//-/g,"/"); //轉換字符串爲yyyy-MM-dd HH:mi:ss格式
var endtimeReplac = endtime.replace(//-/g,"/");
var startDate= new Date(strtimeReplace); //把字符串轉換爲時間格式
var endDate= new Date(endtimeReplac);
var isTime = endDate.getTime()-startDate.getTime();
if(isTime<=0){
alert("停電終止時間必須大於停電起始時間!");
return false;
document.all.form1.endTime.focus();
}
var hour=parseInt((endDate-startDate)/3600000); //小時
var mins = parseInt((endDate-startDate)/60000); //分鐘
var hourEedMins = mins-hour*60; //小時後的分鐘
//alert(df+"小時"+"開始時間"+startDate);
document.all.form1.tt.value=hour+"小時"+hourEedMins+"分";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table width="300px" id="myTalbe" border="1">
<tr>
<td>開始時間</td>
<td><input name="strTime" type="text"></td>
</tr>
<tr>
<td>結束時間</td>
<td><input name="endTime" type="text"></td>
</tr>
<tr>
<td colspan="2" align="center"> <input type="button" onclick="compute()" value="Test"/>
</td>
</tr>
</table>
<p>
<label>時間差
<input name="tt" type="text" size="50">
</label>
</p>
</div>
</form>
</body>
</html>