<input type="time">について

Question

<input type="time">に入力した値の計算方法を教えてください
hoge - hoge1というような計算をしたいのですが下記のように記述してみたところ、NaNとコンソールに表示されました。
どのようにしたら、hoge - hoge1といった計算ができますか？
説明下手ですみません。

<input type="time" id="hoge">
<input type="time" id="hoge1">
<input type="button” value = “実行” onClick=onButtonClick();>

function onButtonClick(){
var hoge = $("#hoge").val();
var hoge1 = $("#hoge1").val();
var result = hoge - hode1;
console.log(result);
}

(jQueryも使用しています)

Comments

[m.ts10806]

console.log('result');　　←これだと「result」という文字を表示させてるだけなのでNaNとは出ないはずですよ。

[m.ts10806]

また、コードを断片的に提示されては全体像が見えません。なるべく1つの流れとして全体がわかるようにコードを提示してください。

Answer 1

HTMLInputElement#valueAsDate

valueAsDate プロパティを使いましょう。

• HTMLInputElement - Web API インターフェイス | MDN
• valueAsDate - Google 検索

Re: puroguraminng さん

Comments

[puroguraminng]

できれば、具体的にどのように記述したら良いのかも、教えてくれませんか？

[think49]

リンク先にサンプルコードは十分にあるので、コードは書きません。
丸投げではなく、説明を読んだ上で問題点を最小化してください。