Question

我已尝试实施此Datetimepicker（https://github.com/VitaliiBlagodir/cordova-plugin-datepicker），但仍无法在我的Android设备上运行（Android 4.0.4）。

我将插件添加到我的项目并使用：cordova插件添加https://github.com/VitaliiBlagodir/cordova-plugin-datepicker。
将触发器放入我的js文件并尝试测试警报（“test”）。我在浏览器和设备上获得测试警报，但没有来自Datetimepicker的警报？
我也从平台安装Android并重新构建它，一切都在那里，但仍然无法正常工作。（要构建应用程序，我正在使用PhoneGap Build）
我不知道我错过了什么？ .... 你能帮忙的话，我会很高兴：-）。

示例：

in Html

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

<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>

Answer 1

您不必在路径中添加脚本。

制作你已经将插件注册到config.xml，如下所示：

private void Listview1_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    TextBlock textBlock = Listview1.SelectedItem as TextBlock;
    if (textBlock != null)
    {
        string s = textBlock.Text;
    }
}

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

该插件无法在您的浏览器中运行。您必须通过设备或模拟器进行测试。

Answer 2

您是否在HTML中添加了脚本？

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

Answer 3

datepicker返回一个promise，因此你需要在你的代码上处理它。

<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/

Answer 4

我用它来开发和离子应用程序。我们的想法是简单地添加插件（datepicker）并在您的资源和HTML中包含ngCordova和ngCordovaMocks js文件。

ngCordovaMocks用于网站开发。

注射是在主模块上构建apk或ipa时完成的

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

}).run()

如何实现Android的cordova-plugin-datepicker？

4 个答案: