आयनिक 2 डेटपिकर

Question

मैं आयनिक के लिए नया हूं और मैं आयनिक 2 बीटा के साथ खेल रहा हूं। मैं in the documentation जैसे कॉर्डोवा प्लगइन का उपयोग कर देशी डेटपिकर को कार्यान्वित करने की कोशिश कर रहा हूं।

मैंने पूरी तरह से कॉपी/पेस्ट किया है, और मुझे नेक्सस 5 एमुलेटर और आर्कोस एंड्रॉइड फोन पर "ReferenceError: DatePicker is not defined मिल गया है।

openDatePicker() { 
    var options = { 
     date: new Date(), 
     mode: 'date' 
    }; 

    function onSuccess(date) { 
     alert('Selected date: ' + date); 
    } 

    function onError(error) { // Android only 
     alert('Error: ' + error); 
    } 

    DatePicker.show(options, onSuccess, onError); 
    } 

मैं एक बहुत खोज की है और इस बारे में कुछ भी नहीं मिला है, शायद मैं गलत यह आयोनिक 2 पर कॉर्डोबा प्लगइन के साथ कर रहा हूँ है?

Answer 1

इस पर प्रलेखन की कमी है (इस प्रश्न के समय आयनिक मूल दस्तावेज अभी भी बहुत अधिक डब्ल्यूआईपी हैं)।

ionic-native ढांचे से एक अलग मॉड्यूल है, तो आप इसे स्थापित करने की आवश्यकता होगी:

# from within your project directory 
npm install --save ionic-native 

तुम भी आप अगर आप पहले से ही नहीं है का उपयोग करने के प्रयास कर रहे हैं प्लगइन स्थापित करने की आवश्यकता होगी :

#from within your project directory 
ionic plugin add cordova-plugin-datepicker 

फिर अपने कोड में DatePicker प्लगइन आयात:

import {DatePicker} from 'ionic-native'; 

और फिर आयनिक 1 के समान ही आप कॉर्डोवा तैयार होने तक किसी भी प्लगइन का उपयोग नहीं कर पाएंगे। इसका मतलब है आप Platform.ready उपयोग कर सकते हैं या deviceready घटना के लिए window पर गोली चलाने के लिए इंतजार:

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); 
     } 
    ); 
    }); 
} 

यह भी ध्यान रखें करने के लिए एक बात यह है कि ionic-native एक वादा में कॉलबैक लपेटता है।

Answer 2

इस प्रयास करें:

step 1: npm install @ionic-native/core --save 
step 2: npm install --save @ionic-native/date-picker 
step 3: add this plugin to your app.module.ts 
      i. import { DatePicker } from '@ionic-native/date-picker'; 
     ii. providers:[DatePicker] 
step 4: import { DatePicker } from '@ionic-native/date-picker'; 
step 5: Inject in constructor: 
     constructor(public datePicker: DatePicker) { } 
step 6: You can access datePicker like: 
     this.datePicker.show({ 
     date: new Date(), 
      mode: 'date', 
      androidTheme: this.datePicker.ANDROID_THEMES.THEME_HOLO_DARK 
     }).then(
      date => console.log('Date: ', date), 
      err => console.log('Error while getting date: ', err) 
     );