混合应用程序中的日历样式日期选择器（Cordova/Phonegap）

Posted 2023-05-07

【中文标题】混合应用程序中的日历样式日期选择器（Cordova/Phonegap）

【英文标题】：Calendar style date picker in Hybrid Apps (Cordova/Phonegap)

【发布时间】：2015-04-05 04:39:31

【问题描述】：

我的问题可能是多余的，但有没有一种解决方案可以在 Cordova/Phonegap 应用程序中的 android 和 ios 中显示本机日历样式的日期选择器。我已经搜索了很多解决方案，但没有运气。唯一我发现在 android 中至少有一个日历样式的日期选择器（不确定 IOS），正如这里提到的http://android-er.blogspot.in/2013/06/options-for-datepicker-to-display-or.html。但不知道如何在 phonegap 混合应用程序中开发它

我尝试过 HTML5 输入日期类型，但它显示为微调器。

我有一个使用 jQueryMobile UI 或类似控件的替代解决方案，但在我尝试这些控件之前，我想确保在混合应用程序中无法显示本机日历样式的日期选择器。有没有人有我的要求的解决方案。

我试过这个插件EddyVerbruggenCalendar-PhoneGap-Plugin，但它主要用于事件和活动而不是日期选择。

非常感谢任何帮助。提前致谢。

【问题讨论】：

iPhone 的原生日期选择器具有微调器样式。如果您想要日历样式的日期选择器，iPad 支持该类型。

@IIlove2Code 你有没有找到解决办法？

@mjabraham 实际上不是，没有一个插件以日历样式显示日期选择器。我通过使用 HTML5 和 css 设计我们自己的日历样式日期选择器在我的应用程序中解决了这个问题。

【参考方案1】：

你有很多日期选择器插件

这里有一些：

https://github.com/kdileep1990/com.dileep.plugins.datepicker/

https://github.com/VitaliiBlagodir/cordova-plugin-datepicker

您可以在 plugins.cordova.io 上搜索 datepicker

http://plugins.cordova.io/#/search?search=datepicker

或https://build.phonegap.com/plugins

【讨论】：

这些插件中的任何一个是否以日历样式显示日期选择器？我不这么认为。

他们显示本地日期选择器，在您发布的链接上，他们使用显示为日历的本地日期选择器，所以它可能是可能的，但我没有测试所有这些。在 iOS 上没有，没有带有日历外观的日期选择器，它就像一个***。

【参考方案2】：

有一个简单的方法。 Angular datepicker 是一个 angularjs 指令，它在你的输入元素上生成一个 datepicker 日历。 IOS 或安卓都可以。 https://github.com/720kb/angular-datepicker

【讨论】：

在我的情况下，它没有显示任何 UI。在 Android 上，它只是将输入视为文本框。我在 Visual Studio 2015 上使用 Cordova-ionoic

【参考方案3】：

我遇到了同样的麻烦，并在以下链接中找到了解决方案

How to get Calender view in corodva wrapper

所以你要做的是在你的移动包装器中使用cordova-plugin-datepicker，然后将以下代码添加到你的代码中。

this.datePicker.show(
  date: new Date(),
  mode: 'date',
  androidTheme: 5
).then(
  date => console.log('Got date: ', date),
  err => console.log('Error occurred while getting date: ', err)
);

这里的android主题5是浅色主题，4是深色主题。