У меня есть элемент управления ascx с расширением .net 2.0 с текстовыми полями времени начала и окончания. Данные следующие:
txtStart.Text = 09/19/2008 07:00:00
txtEnd.Text = 09/19/2008 05:00:00
Я хотел бы рассчитать общее время (часы и минуты) в JavaScript, затем отобразить его в текстовом поле на странице.
Как только ваши форматы даты в текстовом поле известны заранее, вы можете использовать функции Matt Kruse Date в Javascript для преобразования двух в метку времени, вычесть и затем записать в появившееся текстовое поле.
В равной степени может быть адаптирован JQuery Date Input для stringToDate для ваших целей - ниже берется строка в формате "ГГГГ" -MM-DD "и преобразует его в объект даты. Временная метка (getTime()) этих объектов может использоваться для ваших вычислений.
stringToDate: function(string) {
var matches;
if (matches = string.match(/^(\d{4,4})-(\d{2,2})-(\d{2,2})$/)) {
return new Date(matches[1], matches[2] - 1, matches[3]);
} else {
return null;
};
}
function stringToDate(string) {
var matches;
if (matches = string.match(/^(\d{4,4})-(\d{2,2})-(\d{2,2}) (\d{2,2}):(\d{2,2}):(\d{2,2})$/)) {
return new Date(matches[1], matches[2] - 1, matches[3], matches[4], matches[5], matches[6]);
} else {
return null;
};
}
function getTimeSpan(ticks) {
var d = new Date(ticks);
return {
hour: d.getUTCHours(),
minute: d.getMinutes(),
second: d.getSeconds()
}
}
var beginDate = stringToDate('2008-09-19 07:14:00');
var endDate = stringToDate('2008-09-19 17:35:00');
var sp = getTimeSpan(endDate - beginDate);
alert("timeuse：" + sp.hour + " hour " + sp.minute + " minute " + sp.second + " second ");
вы можете использовать getUTCHours() вместо Math.floor(n/3600000);
Я взял то, что @PConroy сделал и добавил к нему, выполнив вычисления для вас. Я также добавил регулярное выражение, чтобы убедиться, что время является частью строки для создания объекта даты.
<html>
<head>
<script type="text/javascript">
function stringToDate(string) {
var matches;
if (matches = string.match(/^(\d{4,4})-(\d{2,2})-(\d{2,2}) (\d{2,2}):(\d{2,2}):(\d{2,2})$/)) {
return new Date(matches[1], matches[2] - 1, matches[3], matches[4], matches[5], matches[6]);
} else {
return null;
};
}
//Convert duration from milliseconds to 0000:00:00.00 format
function MillisecondsToDuration(n) {
var hms = "";
var dtm = new Date();
dtm.setTime(n);
var h = "000" + Math.floor(n / 3600000);
var m = "0" + dtm.getMinutes();
var s = "0" + dtm.getSeconds();
var cs = "0" + Math.round(dtm.getMilliseconds() / 10);
hms = h.substr(h.length-4) + ":" + m.substr(m.length-2) + ":";
hms += s.substr(s.length-2) + "." + cs.substr(cs.length-2);
return hms;
}
var beginDate = stringToDate('2008-09-19 07:14:00');
var endDate = stringToDate('2008-09-19 17:35:00');
var n = endDate.getTime() - beginDate.getTime();
alert(MillisecondsToDuration(n));
</script>
</head>
<body>
</body>
</html>
Это довольно грубо, поскольку я закодировал его довольно быстро, но он работает. Я проверил это. В поле предупреждения появится 0010: 21: 00.00 (HHHH: MM: SS.SS). В основном все, что вам нужно сделать, это получить значения из ваших текстовых полей.
Ответы, прежде всего, предполагают строчную манипуляцию. Здесь решение, которое работает с чистыми объектами даты:
var start = new Date().getTime();
window.setTimeout(function(){
var diff = new Date(new Date().getTime() - start);
// this will log 0 hours, 0 minutes, 1 second
console.log(diff.getHours(), diff.getMinutes(),diff.getSeconds());
},1000);
Я искал google для вычисления времени в javascript и нашел этот вопрос на SO; К сожалению, текст вопроса и фактический вопрос (нужны только часы и минуты) не совпадают... поэтому я думаю, что я пришел сюда по ошибке.
Я написал ответ на вопрос, однако, если кто-то хочет что-то напечатать что-то вроде "1 год и 15 минут", то это для вас:
function formatTimespan(from, to) {
var text = '',
span = { y: 0, m: 0, d: 0, h: 0, n: 0 };
function calcSpan(n, fnMod) {
while (from < to) {
// Modify the date, and check if the from now exceeds the to:
from = from[fnMod](1);
if (from <= to) {
span[n] += 1;
} else {
from = from[fnMod](-1);
return;
}
}
}
function appendText(n, unit) {
if (n > 0) {
text += ((text.length > 0) ? ', ' : '') +
n.toString(10) + ' ' + unit + ((n === 1) ? '' : 's');
}
}
calcSpan('y', 'addYears');
calcSpan('m', 'addMonths');
calcSpan('d', 'addDays');
calcSpan('h', 'addHours');
calcSpan('n', 'addMinutes');
appendText(span.y, 'year');
appendText(span.m, 'month');
appendText(span.d, 'day');
appendText(span.h, 'hour');
appendText(span.n, 'minute');
if (text.lastIndexOf(',') < 0) {
return text;
}
return text.substring(0, text.lastIndexOf(',')) + ', and' + text.substring(text.lastIndexOf(',') + 1);
}
Используйте Math.floor(n/3600000) вместо getUTCHours(), иначе вы потеряете количество часов больше 24.
Например, если у вас есть 126980000 миллисекунд, это должно перевести на 0035: 16: 20.00
Если вы используете getUTCHours(), вы получаете неправильную строку 0011:16: 20.00
Вместо этого используйте это (модификации, обозначенные KK-MOD):
функция MillisecondsToDuration (n) {
var hms =" ";
var dtm = new Date();
dtm.setTime(п);
var d = Math.floor(n/3600000/24);//KK-MOD
var h =" 0 "+ (Math.floor(n/3600000) - (d * 24));//KK-MOD
var m = "0" + dtm.getMinutes();
var s = "0" + dtm.getSeconds();
var cs = "0" + Math.round(dtm.getMilliseconds()/10);
hms = (d > 0? d +" T ":" ") + h.substr(h.length - 2) +": "+ m.substr(m.length - 2) +": ";//KK-MOD
hms + = s.substr(s.length - 2) + "." + cs.substr(cs.length - 2);
return hms; }
Итак, теперь 192680000 отображается как 1T11:16: 20.00, который составляет 1 день 11 часов 16 минут и 20 секунд.
Мне нравится подход K3 + KK-MOD, но мне нужно отображать отрицательные интервалы времени, поэтому я сделал следующие изменения:
function MillisecondsToDuration(milliseconds) {
var n = Math.abs(milliseconds);
var hms = "";
var dtm = new Date();
dtm.setTime(n);
var d = Math.floor(n / 3600000 / 24); // KK-MOD
var h = "0" + (Math.floor(n / 3600000) - (d * 24)); // KK-MOD
var m = "0" + dtm.getMinutes();
var s = "0" + dtm.getSeconds();
var cs = "0" + Math.round(dtm.getMilliseconds() / 10);
hms = (milliseconds < 0 ? " - " : "");
hms += (d > 0 ? d + "." : "") + h.substr(h.length - 2) + ":" + m.substr(m.length - 2) + ":"; // KK-MOD
hms += s.substr(s.length - 2) + "." + cs.substr(cs.length - 2);
return hms; }
Я также изменил разделитель 'T' на '.' для моих собственных целей форматирования.
Теперь отрицательное значение прошло, скажем, -360000 (минус шесть минут), выдаст следующий результат:
- 00:06:00