2015-05-12 80 views
5

我試圖實現這個Datetimepicker(https://github.com/VitaliiBlagodir/cordova-plugin-datepicker),但仍然不能在我的Android設備(Android 4.0.4)上工作。如何實現Android的cordova-plugin-datepicker?

  1. 我添加插件到我的項目和使用:科爾多瓦插件添加https://github.com/VitaliiBlagodir/cordova-plugin-datepicker

  2. 將一個觸發器放到我的js文件中,並嘗試測試警報(「測試」)。我在瀏覽器和設備上收到測試警報,但沒有來自Datetimepicker的警報?

  3. 我也從平臺安卓Android並建立它,一切都在那裏,但仍然無法正常工作。 (爲了構建應用程序,我正在使用PhoneGap Build)

  4. 我不知道我失蹤了什麼? .... 你能幫忙的話,我會很高興 :-)。


例:

在HTML中

<input type="text" onclick="calendar()" /> 

在JS

<script> 

function calendar(){ 

    alert("test") // is working 

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

    datePicker.show(options, function(date){ 
    alert("date result " + date);  // not working 
    }); 

} 

</script> 

+0

建設APK或IPA做同樣這是一個本地的插件所以不會在瀏覽器上 – User528491

+0

這是我的工作Android應用工作。您還應該添加錯誤方法。檢查您的控制檯日誌,並在日曆方法被解僱時發佈錯誤消息。 –

回答

0

你包括你的腳本你的HTML?

<script src="your/path/DatePicker.js"></script> 
+0

是的,我也嘗試從插件/www/android/DatePicker.js複製DatePicker.js,並將其放在我的路徑,但仍然無法正常工作。也許有人可以用html和javascript顯示一個工作示例? – Euwo

+0

我沒有使用這個插件,所以我不能幫你。 也許這個插件需要jQuery? –

+0

我也試過jQuery :-(.. – Euwo

0

datepicker返回一個承諾,所以你需要處理你的代碼。

<script> 

function calendar(){ 

    alert("test") // is working 

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

    datePicker.show(options).then(function(date){ 
    alert("date result " + date); 
    }); 

} 

</script> 

此外,我一直使用Angular,所以不能完全確定如何爲您的使用注入服務。

參考:http://ngcordova.com/docs/plugins/datePicker/

2

您不必添加腳本在你的路徑。

製作河畔您註冊插件的config.xml中像這樣:

<feature name="DatePicker"> 
    <param name="ios-package" value="DatePicker"/> 
</feature> 

<feature name="DatePickerPlugin"> 
    <param name="android-package" value="com.okaybmd.cordova.plugin.datepicker.DatePickerPlugin"/> 
</feature> 

(更多信息@http://phonegap-plugins.com/plugins/okaybmd/cordova-plugin-datepicker

該插件將無法在瀏覽器中運行。 您必須通過您的設備或模擬器對其進行測試。

-1

我用它來開發和離子應用程序。這個想法是簡單地添加插件(datepicker),並在您的資源和HTML中包含ngCordovangCordovaMocks js文件。

ngCordovaMocks是用於web開發。

的注射,而在主模塊

app.module('asas',['ngCordova'],function($cordovaDatePicker){ 

}).run()