2016-10-25 5 views
1

私はアプリケーションで日付を処理するためにangular-moment-pickerコンポーネントを使用しています。私はi18nサポートの導入に取り組んでいます。私はdatepickerをアラビア語のラベルで正しくレンダリングしましたが、提出された日付文字列もアラビア語のテキストです。ラベルを指定されたロケールに残しておくことはできますが、基礎となるモデル値は英語形式(たとえば、YYYY-MM-DD形式で提出する)のままにしておきますか?角モーメントピッカー - 英語の提出形式のロケールベースのラベルをサポートします

コンポーネントにはchangeというイベントがあります。このイベントを使用して、次のコードを使用して日付を変更して再フォーマットすることができます。ただし、アラビア語のテキストは明らかです。

vm.onChange = function(newValue) { 
    var englishDate = moment(newValue, 'LL', 'ar').locale('en'); 
    var date = englishDate.format('YYYY-MM-DD HH:mm'); 

    // date correctly contains the english format date however it is not on the model variable 
} 

ありがとうございます!

答えて

0

モーメントピッカーとngモデルには異なるオブジェクトを使用できます。モーダルピッカーの場合はフォーマットされ、ngモデルはmoment.jsオブジェクトになります。変更イベント

Formatted date: {{ vm.fromDateFormatted}} 

のようなコードで表示してvm.fromDateため

<div id="fromDatePicker" class="input-group" moment-picker="vm.fromDateFormatted" format="L" ng-model="vm.fromDate"> 
<input class="form-control" ng-model="vm.fromDateFormatted" ng-model-options="{ updateOn: 'blur' }" placeholder="From date..."> 
<span class=" input-group-addon "><i class="icon icon-calendar "></i></span> 
</div> 

使用vm.fromDateFormatted詳細については、この問題に答えをご覧ください。これは理論的に答えるかもしれないがhttps://github.com/indrimuska/angular-moment-picker/issues/92

+1

は、ここでの答えの本質的な部分を含めること、そして参照のためのリンクを提供することは、[それは望ましい](// meta.stackoverflow.com/q/8259)でしょう。 – Takarii

+0

私はそれが不可欠な部分だと言っていましたが、私は明確にし、リンクをたどる必要性を減らすために例を追加しました。 :) –

関連する問題