IONIC 2の日付ピッカーを表示するには？

Question

ページが読み込まれるとすぐにDatePickerを表示したかったのです。

<DatePicker 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:id="@+id/datePicker" 
     android:layout_gravity="center_horizontal|top" 
     android:headerBackground="?attr/colorPrimary" 
     android:layout_alignParentTop="true" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true" 
     /> 

私はAndroidスタジオを使用し、上記のコードを出力して下の画像のように出力しました。

私はionic 2を使って同じことを実装したいと思っていましたし、datepickerを得るために以下のコードを書いていました。

import {Component} from '@angular/core'; 
import {DatePicker} from 'ionic-native'; 
import {Calendar} from 'ionic-native'; 
import {Platform} from 'ionic-angular'; 

@Component({ 
    templateUrl: 'build/pages/hello-ionic/hello-ionic.html' 
}) 
export class HelloIonicPage { 



constructor(platform: Platform) { 
    platform.ready().then(() => { 
     let options = { 
     date: new Date(), 
     mode: 'date' 
     } 

    DatePicker.show(options).then(
    date => { 
     alert('Selected date: ' + date); 
    }, 
    error => { 
     alert('Error: ' + error); 
    } 
); 
}); 


} 
} 

下記の画像のようにDatePickerを取得しています。

私の質問は、最初の画像と同じDatePickerを取得する方法です。

Answer 1

Ionic-NativeのDataPickerを使用しています。あなたはIonic-Nativeについてもっと研究することができますが、ユーザーが簡単にするために必要なコードバプラグインをすべてラップするという簡単なアイデアがあります。

DataPickerの場合、ソースコードを調べると、cordova-plugin-datapickerのプラグインが使用されています。 （https://github.com/VitaliiBlagodir/cordova-plugin-datepicker）

READMEには、DataPickerの初期化時に選択できるオプションがあります。プラグインは、唯一の定義されたAndroidのテーマに食料調達：

androidTheme - Android 
Choose the theme of the picker 
Type: Int 
Values: THEME_TRADITIONAL | THEME_HOLO_DARK | THEME_HOLO_LIGHT | THEME_DEVICE_DEFAULT_DARK | THEME_DEVICE_DEFAULT_LIGHT 
Default: THEME_TRADITIONAL 

テーマの詳細については、あなたが日付ピッカーのプラグインで開かれていたこの問題をチェックアウトすることができます。 （https://github.com/VitaliiBlagodir/cordova-plugin-datepicker/issues/180）これらのテーマはすべてAndroid APIをベースにしているため、色を手動で変更する方法はまだありません。あなたの質問をプラグインページに投稿すると良いでしょう。