開始時間から終了時間までの時間を分に直したい

Question

実現したいこと

例
開始時間 12:00 (start = 12:00)
終了時間 17:30 (last = 17:30)

　　　　↓

  330 (sum = 330);

input(time)で開始時間と終了時間を取得後
上記のように値を出力させたい

ソースコード

<form name="form1">
<label for="start">開始時間</label><br>
<input type="time" name="start" value="12:00"><br>
<label for="last">終了時間</label><br>
<input type="time" name="last" value="17:30"><br>
</form>

var start = document.form1.start.value;
var last = document.form1.last.value;

試したこと

new Date()を用いてlast - startを行おうと思いましたが、
時間のみで実行できずNaNになってしまいます。

Comments

[thyda.eiqau]

その目的を実現するための、現状のコードをご提示ください

[tanishi_a]

質問文は、 c = 300 ではなく 330 ですか

Answer 1

こんにちは

日時や時刻の差分を求めたりするときには、 Moment.js を使うと便利です。これを使って、開始時刻から終了時刻までの時間を分換算で得るには、例えば以下のようにします。

const a = '12:00';
const b = '17:30';

const start = moment(a, 'HH:mm');
const end = moment(b, 'HH:mm');

const timeMinutes = end.diff(start, 'minutes');

console.log(timeMinutes);  // => 330

• 動作確認用 CodePen: https://codepen.io/jun68ykt/pen/zYYNyOB?editors=0012

以上、参考になれば幸いです。

Answer 2

ここに書いてあることがまさにそれっぽいです。
試してみてください。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Date

Answer 3

var a = '12:00';
var an = a.indexOf(':');
var a = a.substring(0, an)*60 + Number(a.substring(an+1, a.length));

var b = '17:30';
var bn = b.indexOf(':');
var b = b.substring(0, bn)*60 + Number(b.substring(bn+1, b.length));

var result = b - a;
alert(result);

終了時間の方が必ず大きい値ならこんな感じかな

Answer 4

なにやら大喜利会場と化す予感がしますが……

const a = '12:00';
const b = '17:30';
const [aHour, aMinute] = a.split(':').map(str => parseInt(str, 10));
const [bHour, bMinute] = b.split(':').map(str => parseInt(str, 10));
const diff = (bHour * 60 + bMinute) - (aHour * 60 + aMinute);
console.log(diff); // -> 330