在 phonegap build config.xml 中添加 DateTimepicker 插件

Posted 2023-03-07

【中文标题】在 phonegap build config.xml 中添加 DateTimepicker 插件

【英文标题】：Add DateTimepicker plugin in phonegap build config.xml

【发布时间】：2014-06-24 09:36:27

【问题描述】：

我已经为 wp8 phonegap 安装了 Datetimepicker 插件，来自

$ cordova plugin add https://github.com/leecrossley/cordova-plugin-datetime-picker.git

它在模拟器的本地机器上工作正常，但是当我将它转换为 XAP 文件时它不起作用，我不知道如何在 phonegap 构建的 config.xml 中添加插件。

<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns = "http://www.w3.org/ns/widgets"
    xmlns:gap = "http://phonegap.com/ns/1.0"
    id        = ""
    versionCode=""
    version   = "">
    <name>test</name>
    <description>
    </description>
    <author href="" email="">

    </author>
    <preference name="phonegap-version" value="3.3.0" />
    <preference name="orientation" value="default" />
    <preference name="fullscreen" value="false" />
    <preference name="target-device" value="universal" />
    <preference name="webviewbounce" value="true" />
    <preference name="prerendered-icon" value="true" />
    <preference name="stay-in-webview" value="true" />
    <preference name="ios-statusbarstyle" value="default" />
    <preference name="detect-data-types" value="true" />
    <preference name="exit-on-suspend" value="false" />
    <preference name="show-splash-screen-spinner" value="true" />
    <preference name="auto-hide-splash-screen" value="true" />
    <preference name="EnableViewportScale" value="true" />
    <preference name="MediaPlaybackRequiresUserAction" value="false" />
    <preference name="AllowInlineMediaPlayback" value="false" />
    <preference name="BackupWebStorage" value="cloud" />
    <preference name="TopActivityIndicator" value="gray" />
    <preference name="KeyboardDisplayRequiresUserAction" value="false" />
    <preference name="HideKeyboardFormAccessoryBar" value="false" />
    <preference name="SuppressesIncrementalRendering" value="false" />
    <preference name="android-minSdkVersion" value="7" />
    <preference name="android-installLocation" value="internalOnly" />
    <preference name="SplashScreenDelay" value="5000" />
    <preference name="ErrorUrl" value=""/>
    <preference name="BackgroundColor" value="0x000000"/>
    <preference name="KeepRunning" value="true"/>
    <preference name="DisallowOverscroll" value="false"/>
    <preference name="LoadingDialog" value=","/> 
    <preference name="LoadUrlTimeoutValue" value="20000" />
    <preference name="disable-cursor" value="false" />
    <gap:platform name="android" />
    <gap:platform name="winphone" />
    <gap:plugin name="org.apache.cordova.device"  />
    <gap:plugin name="org.apache.cordova.inappbrowser"  />
    <gap:plugin name="org.apache.cordova.media"  />
    <icon src="img/applogo.png" gap:platform="android" gap:density="ldpi" />
    <icon src="img/applogo.png" gap:platform="android" gap:density="mdpi" />
    <icon src="img/applogo.png" gap:platform="android" gap:density="hdpi" />
    <icon src="img/applogo.png" gap:platform="android" gap:density="xhdpi" />
    <icon src="img/applogo.png" gap:platform="android" gap:density="xxhdpi" />
    <icon src="img/applogo.png" gap:platform="winphone" gap:role="background" />
    <icon src="img/applogo.png" />
    <gap:splash src="img/applogo.png" gap:platform="android" gap:density="ldpi" />
    <gap:splash src="img/applogo.png" gap:platform="android" gap:density="mdpi" />
    <gap:splash src="img/applogo.png" gap:platform="android" gap:density="hdpi" />
    <gap:splash src="img/applogo.png" gap:platform="android" gap:density="xhdpi" />
    <gap:splash src="img/applogo.png" gap:platform="winphone" />
    <gap:splash src="splash.png" />
</widget>

请帮我解决问题

【问题讨论】：

嗨，欢迎来到 ***。请向我们提供有关错误消息的一些详细信息，如果可能，请提供您尝试构建 XAP 文件的内容。

【参考方案1】：

我和李克罗斯利交谈，

他说插件没有构建服务

【参考方案2】：

插件必须添加到您的 Cordova-iOS 应用程序项目文件夹中的 config.xml 文件的标签下。

<plugin name="service_name" value="PluginClassName" />

【讨论】：

我使用的是 windows 8 phonegap 它在本地运行良好但我不知道为什么没有作为 XAP 运行请告诉我一些建议有 config.xml 请看

【参考方案3】：

我问过作者这个在我的项目中使用，

他回复了。

Apologies, there’s no detailed documentation (yet). Something like this would show the date picker when an element with class “date-input” is clicked (untested):

$(".date-input").bind("click", function() 
    datetimepicker.selectDate(function (date) 
        console.log(date);
    );
);

Once the date is selected, the callback function will log the selected date to the console, but you can do whatever with it.

Lee.

你得到的值将是一种奇怪的格式，你必须使用日期对象来解析它

This code would convert to a javascript date object:

date = new Date(parseInt(date, 10));

You can then format the date in any way you want.

我已经成功实现了，如果您需要任何帮助，请向我咨询！希望这个答案能满足你的问题！