Question

我使用html和css创建了一个PhoneGap应用程序。现在我想添加更多的东西，我已经为我的应用程序的下一次更新找到了一个插件，但我从来没有使用PhoneGap的插件，我需要一个帮助，我还没有在互联网上找到一个例子。

我正在使用PhoneGap 3.3.0

我已经从DatePicker安装了我需要的插件。我使用了命令：

phonegap local plugin add https://github.com/VitaliiBlagodir/cordova-plugin-datepicker

好的，它在Plugins中创建了新目录，但我不知道如何使用该插件。也许这是一个愚蠢的问题。

我该怎么办？ - 我应该在我的代码中添加一些javascript，更新config.xml，更新Java代码或类似的东西来显示这个＆＃34;日期选择器＆＃34;当我点击Html中的按钮？（例如）

我对Android和iOS使用此功能。另外我不知道cordova和phonegap之间的区别是什么，因为我可以看到它们都被使用了（我教过它是一样的，但似乎不是）

Answer 1

我想要发生的事情很简单 - 我只想在点击某个字段时显示一个日期选择器。

然而，和Aleks一样，我不知道在html中放什么，如何在html中使用它，以及我应该在html中放置什么以在某些输入上调用datepicker。

plugin的文档不完整。

我找到了test project的解决方案。步骤如下：

先决条件：安装phonegap / cordova-cli
安装Cordova的设备插件：$ cordova plugin add org.apache.cordova.device
安装Dirk的 datepicker 插件：$ cordova plugin add https://github.com/DURK/cordova-datepicker-plugin
从测试项目中复制nativedatepicker.js并将其放在项目的 js 文件夹中。此文件具有showDatePicker(), showDateTimePicker()便利功能。
添加ff。到index.html代码：

注意：在浏览器中测试时，日期选择器不会显示

....
    <div class="form-group">
      <label>Appointment</label>
      <input type="text" class="form-control datepicker" id="appointment">
    </div>
....
<script src="js/nativedatepicker.js"></script>
<script src="cordova.js"></script>
<script type="text/javascript">
    (function($){
        $(document).ready(function () {
            $(document).on('click', '.datepicker', function () {
                showDatePicker($(this), 'date');
            });

            $(document).on('click', '.timepicker', function () {
                showDatePicker($(this), 'time');
            });

            $(document).on('click', '.datetimepicker', function () {
                if (device.platform === "Android")
                    showDateTimePicker($(this));
                else
                    showDatePicker($(this), 'datetime');
            });
        });
    })(jQuery);
</script>

Answer 2

正如dawson所提到的那样，在https://github.com/VitaliiBlagodir/cordova-plugin-datepicker#usage，您可以看到插件的使用方式：

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

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

这当然需要进入你的javascript。

如果您已经添加了平台（iOS和Android），您的原生插件文件可能无法复制到平台文件夹中。在这种情况下，您需要手动复制它们。对于iOS，插件文件进入平台/ ios //插件。

关于cordova / phonegap，将cordova视为为phonegap提供动力的引擎。现在代码库是一样的，大多数命令都是等价的。

如何使用PhoneGap的插件？

2 个答案: