2016-11-24 5 views
0

私のプロジェクトにplugin Date Pickerをインストールしました。イオン2、日付ピッカー(コードバプラグイン)。プロパティ 'ANDROID_THEMES'がタイプ 'typeof DatePicker'に存在しません

let options = { 
     date: new Date(), 
     mode: 'date', 
     // androidTheme: DatePicker.ANDROID_THEMES.THEME_HOLO_LIGHT 
    }; 

    DatePicker.show(options).then(
     (date) => { 
     console.log('date_value:' + date) 
    }).catch((error) => { }); 

私はandroidTheme:DatePicker.ANDROID_THEMES.THEME_HOLO_LIGHTのコメントを解除した場合、それは、構築プロセス投げ時のバグは以下となります。コンポーネントウィッヒで

は、私は(androidThemeパラメータでコメントし)そのようにそれを使用している場合、それはワークス、上にimport { DataPicker } from 'ionic-native'を持っています:

プロパティ 'ANDROID_THEMESは' 'typeof演算日付ピッカー'

01種類に存在しません

私はadvised hereとして私のプロジェクトフォルダのCLIでnpm install ionic-nativeを実行しましたが、問題を修正しませんでした。それは(それは私にはOKらしい)私に次のような出力が得られます。

` - [email protected]3

NPMは、オプションのスキッピングは、オプションの依存関係/ chokidar/fseventsを失敗WARN:

[email protected]

私は[my project]\plugins\cordova-plugin-datepicker\wwwの下で見て、それが各JSファイルと3つのプラットフォーム(IOS、アンドロイド、Windowsの場合)に対応する3つのフォルダが含まれています:NPMはnotsupご使用のオペレーティング・システムまたはアーキテクチャとの互換性はありませんWARN名前「DatePicker.js」とそれがコードに含まれているAndroidのフォルダ下のいずれかで:

/** 
* Android themes 
*/ 
DatePicker.prototype.ANDROID_THEMES = { 
    THEME_TRADITIONAL   : 1, // default 
    THEME_HOLO_DARK   : 2, 
    THEME_HOLO_LIGHT   : 3, 
    THEME_DEVICE_DEFAULT_DARK : 4, 
    THEME_DEVICE_DEFAULT_LIGHT : 5 
}; 

私は[my project]\nodes_modules\ionic-native\dist\plugins\で見れば、ファイルdatepicker.jsが存在している(もちろん)が、各プラットフォームの特殊性が含まれていません。

どういうところが間違っていますか?なぜdatepicker.js[my project]\nodes_modules\ionic-native\dist\plugins\には、プラグインがプロジェクトに追加されたにもかかわらず各プラットフォームの特殊性が含まれていませんか?

私はそれのために周りの仕事を見つけた

答えて

1

[私のプロジェクト] \ nodes_modules \イオン-ネイティブ\ distの\プラグインで[アンドロイド|イオス|ウィンドウ] \ datepicker.jsで

それが書かれているコードの最後:従って

var datePicker = new DatePicker(); 
module.exports = datePicker; 

// Make plugin work under window.plugins 
if (!window.plugins) { 
    window.plugins = {}; 
} 
if (!window.plugins.datePicker) { 
    window.plugins.datePicker = datePicker; 
} 

、それは(イオンネイティブから大文字で始まる)日付ピッカーから日付ピッカー(小文字で始まる)が異なることができます。私はそれを必要なコンポーネントで

、私はちょうどコンポーネントの前に宣言しました:

declare var datePicker: any; 

次に、そのコンポーネントの内側に私は自分のコードを変更した:それは作品

let options = { 
     date: new Date(), 
     mode: 'date', 
     androidTheme: datePicker.ANDROID_THEMES.THEME_HOLO_LIGHT 
    }; 

    DatePicker.show(options).then(
     (date) => { 
     console.log('date_value:' + date) 
    }).catch((error) => { }); 

+0

こんにちは@nylujeは、あなたが今、私はイオン2日付ピッカーをやろうとしている、厳密解を知るために、コードのHTML部分を提供してくださいすることができ、私は多くの方法を試してみました、それは私には有用ではないですので、あなたはそのために助けてくださいすることができます?..あなたが更新した場合、その後plunkerは非常に理解しやすくし、us..thanksに便利です... - その質問への答えで –

+0

ルック:http://stackoverflow.com/questions/40751535/ionic-2-追加カスタム入力コンポーネントフォーム内のページ最終的な目標統合/ 40791281#40791281私は使用した完全なコードを投稿しました。 – nyluje

+0

貴重なコメントをいただき、ありがとうございます。 –

関連する問題