使用 Javascript 获取两个时间字符串之间的时间差
Getting time difference between two time strings with Javascript
我正在尝试创建一个包含 3 个输入(2 个解锁和一个锁定)的表单,您将在其中输入 2 times
,例如 7:30AM
和 4:00PM
,它将生成第 3 个框 seconds
中的时间差。
问题是,我似乎无法获得实际计算时差的工作方法。
<script language="javascript" type="text/javascript">
$(document).ready(function(){
function UpdateHours(){
var start = $("#time1").val();
var end = $("#time2").val();
var dtStart = new Date("7/20/2015 " + start);
var dtEnd = new Date("7/20/2015 " + end);
var diff = dtEnd - dtStart;
$("#totalTime").val(diff);
}
$(document).on("change, keyup", "#time1", UpdateHours);
$(document).on("change, keyup", "#time2", UpdateHours);
});
</script>
<input id="time1" type="text" />
<input id="time2" type="text" />
<input id="totalTime" readonly="readonly" />
这是我迄今为止尝试过的方法之一。我能得到一些帮助吗?
您遇到的问题是您正在从另一个对象中减去一个对象。我不知道 JavaScript 在这种情况下决定做什么,但为了安全起见,即使它确实有效,你也不应该依赖这种行为。你应该做的是:
var diff = dtEnd.getTime() - dtStart.getTime();
diff
将是两个日期对象之间的毫秒数。
$(document).ready(function(){
var $time1 = $("#time1");
var $time2 = $("#time2");
var $diff = $("#totalTime");
function updateHours(){
var dtStart = new Date("7/20/2015 " + $time1.val());
var dtEnd = new Date("7/20/2015 " + $time2.val());
var diff = dtEnd - dtStart;
$diff.val(diff/1000);
}
$time1.add($time2).on("change, keyup", function(){
if($time1.val() && $time2.val()){
updateHours()
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="time1" type="text" placeholder="7:00 PM"/>
<input id="time2" type="text" placeholder="8:00 PM"/>
<input id="totalTime" readonly="readonly" />
我正在尝试创建一个包含 3 个输入(2 个解锁和一个锁定)的表单,您将在其中输入 2 times
,例如 7:30AM
和 4:00PM
,它将生成第 3 个框 seconds
中的时间差。
问题是,我似乎无法获得实际计算时差的工作方法。
<script language="javascript" type="text/javascript">
$(document).ready(function(){
function UpdateHours(){
var start = $("#time1").val();
var end = $("#time2").val();
var dtStart = new Date("7/20/2015 " + start);
var dtEnd = new Date("7/20/2015 " + end);
var diff = dtEnd - dtStart;
$("#totalTime").val(diff);
}
$(document).on("change, keyup", "#time1", UpdateHours);
$(document).on("change, keyup", "#time2", UpdateHours);
});
</script>
<input id="time1" type="text" />
<input id="time2" type="text" />
<input id="totalTime" readonly="readonly" />
这是我迄今为止尝试过的方法之一。我能得到一些帮助吗?
您遇到的问题是您正在从另一个对象中减去一个对象。我不知道 JavaScript 在这种情况下决定做什么,但为了安全起见,即使它确实有效,你也不应该依赖这种行为。你应该做的是:
var diff = dtEnd.getTime() - dtStart.getTime();
diff
将是两个日期对象之间的毫秒数。
$(document).ready(function(){
var $time1 = $("#time1");
var $time2 = $("#time2");
var $diff = $("#totalTime");
function updateHours(){
var dtStart = new Date("7/20/2015 " + $time1.val());
var dtEnd = new Date("7/20/2015 " + $time2.val());
var diff = dtEnd - dtStart;
$diff.val(diff/1000);
}
$time1.add($time2).on("change, keyup", function(){
if($time1.val() && $time2.val()){
updateHours()
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="time1" type="text" placeholder="7:00 PM"/>
<input id="time2" type="text" placeholder="8:00 PM"/>
<input id="totalTime" readonly="readonly" />