2015-05-12 40 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()