Question

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

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

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

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

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

Answer 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

Answer 2

有一种简单的方法。 Angular datepicker是一个angularjs指令，用于在input元素上生成一个datepicker日历。 IOS或Android都行。 https://github.com/720kb/angular-datepicker

Answer 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代表深色主题。

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

3 个答案: