takahirokomori0512
@takahirokomori0512

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

開始時間と終了時間の経過時刻をミリ秒単位で取得したい。

解決したいこと

現在、ReactでTodoリストを作成中です。
input type="time"で入力した開始時間と終了時間の差を取得しようとしましたが、上手くいきません。
解決方法を教えてください。

最終的には、開始時間12:00 ~ 終了時間12:30の場合、1200-1230で答えは30、それをcssの図面のhightに30pxで代入してgoogleカレンダーのように予定を作る予定です。

発生している問題

function handleSubmit2 (startLine:number,deadLine:number) {
  if (!startLine || !deadLine) return;
  console.log(startLine - deadLine);
};

コンソール

NaN

言語名

type script
0

3Answer

type="time"からは文字列で結果が返ってくるため事前に変換する必要があります.

勘違いしないように指摘しておきますがTypescriptでは実行時の型を制限することはできません.入力値の検証は必ず行うようにしてください.

3Like

「上手くいきません」ではここに書いてないこと以外知り得ない第三者には分かりません。

たとえば、あなたがパソコン初心者から「メールを送ろうとしましたが上手くいきません。解決方法を教えてください」とだけ聞かれて答えられますか?

1Like

NaN ってことは startLine か deadLine のどちらかが文字列で startLine - deadLine の際に 数値変換できなかっただけではないでしょうか……?

1Like

Your answer might help someone💌