cordova - 如何使用 PhoneGap 的插件？

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 代码或类似的东西来在我点击一个按钮时显示这个“日期选择器”网页？ (例如)

我正在为 Android 和 iOS 使用它。我也不知道 cordova 和 phonegap 之间的区别是什么，因为我可以看到它们都被使用了(而且我已经教过它们是相同的，但似乎不是)

Answer 1

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

但是，和 Aleks 一样，我不知道在我的 html 中放什么，如何在 html 中使用它，以及我应该在 html 中放什么以在某些输入上调用日期选择器。

来自 plugin 的文档不完整。

我从这个 test project 找到了解决方案.步骤如下:

1. 先决条件:已安装 phonegap/cordova-cli
2. 安装 Cordova 的 device 插件:$ cordova plugin add org.apache.cordova.device
3. 安装 Dirk 的datepicker 插件:$ cordova plugin add https://github.com/DURK/cordova-datepicker-plugin
4. 复制 nativedatepicker.js从测试项目并将其放在项目的 js 文件夹中。此文件具有 showDatePicker()、showDateTimePicker() 便利功能。
5. 添加 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>