入力[時刻]コントローラからの値が受け入れられない

Question

データが正しくフォーマットされているため、angularjsはデータを入力フィールドに "time"タイプで入力することに問題があります。私が何が欠けているのか理解してもらえますか？

HTML：

<input type="time" id="exampleInput" name="input" ng-model="stuff.starttime" 
    placeholder="HH:mm:ss" min="00:00:00" max="17:00:00" > 

コントローラー：

$scope.stuff = { 
    originlevel2: "", 
    destinationlevel2: "", 
    destination2: "", 
    origin2: "", 
    starttime: "", 
    endtime: "" 
} 
var starttime = jsonArray2[0]["starttime"]; 
$scope.stuff.starttime = new Date(starttime); 

Answer 1

jsonArray2[0]["starttime"]の値は01:00:00です。

したがって、new Date(jsonArray2[0]["starttime"])は無効な日付です。

あなたが代わりに次のことができます。

var d=new Date(); 
starttime='01:00:00' // jsonArray2[0]["starttime"] 
starttime=starttime.split(':').map((e)=>parseInt(e)) 
d.setHours(starttime[0]); 
d.setMinutes(starttime[1]); 
d.setSeconds(starttime[2]); 

// Then 
$scope.stuff.starttime= d; 

した後、クロムやサファリを試みること。

---

Note：

Note: type="time" is not supported in Firefox, or Internet Explorer 10 and earlier versions.

Answer 2

$scope.stuff = { 
    starttime: new Date(); // initialize as a date instead of a string 
} 

基本的にはあなたの文字列として、あなたの変数を初期化します。その文字列を日付として書式化しようとすると、失敗しました。日付が必要な場合は、新しい日付に設定します。