2016-06-15 3 views
2

Ionicを初めて使用していますが、Ionicで時間ピッカーを取得するためにタイプ時間のhtml入力フィールドを使用しています。 。私は次のコードを試しました。イオンの時間型のhtml入力フィールドにデフォルト時間を設定する方法

<label class="item item-input"> 
    <span class="input-label">Time</span> 
    <input type="time" ng-model="demoTime"> 
</label> 

私のコントローラがあります。

$scope.demoTime = new Date("10:45 AM"); 

答えて

1

JavaScriptが単に時間を持っていない、我々は、パラメータANS日・時間を提供する必要があります。

あなたが好きなようにあなたのコントローラの設定時間で

<label class="item item-input"> 
     <span class="input-label">Time</span> 
     <input type="time" ng-model="demoTime"> 
    </label> 

を以下にこれを行うことができ、この

$scope.demoTime = new Date (new Date().toDateString() + ' ' + '10:45');

+0

その作業に感謝 – Irfan

+0

すばらしい:)答えが役に立つ場合は、答えを受け入れてください。 – MasterMohsin

0

入力タイプ時間が24時間の時刻形式に基づいているので、あなたが

$scope.demoTime = "10:45"; 

OR

<input type="time" value="10:45"> 

して値を割り当てることができます。同様の質問が回答されて

here

+0

まだ私はこのエラーを取得しています解決しない[ngModel:datefmt]期待 ' 10:45'を日付とする – Irfan

+0

時刻は、日付形式であることが要求される日付として解析されないことを意味する。予想される適切な日付形式でデータを解析する必要があります。 '10:45 'を文字列として解析しているため、エラーが発生します。 –

+0

私は$ scope.demoTime = new Date( "10:45")を解析するためにこれを使用しました。エラーは取り除かれましたが、入力フィールドに設定されていません – Irfan

関連する問題