像Ionic中的select元素一样创建IOS datepicker

时间:2015-09-29 14:09:43

标签: html5 css3 ionic-framework

有没有办法创建一个ios datepicker / timepicker,就像离子应用程序的样式自定义选择一样?

例如,我想创建一个自定义选择作为下面的图像

iPhone date picker

3 个答案:

答案 0 :(得分:2)

有各种各样的插件可供选择。您可以找到one here

此外,您可以使用HTML Select/Option列表显示本机相似的控件,该控件将显示单个可选项的列表。 Select/Option标记调用特定于操作系统的本机选择器。

看看它here。该演示可能会对您有所帮助。

答案 1 :(得分:1)

我不确定,但是现在这对Ionic来说是不可能的。有像ionic-datepicker这样的选项,但这不是原生的,只是一个库。

答案 2 :(得分:1)

这对派对来说有点晚了,但也许这会有所帮助:https://github.com/mmnaseri/proton.multi-list-picker

这是一个Angular 1.x组件,不依赖任何其他框架,为创建iOS风格的选择视图提供了简单的解决方案。

例如,这是您可以使用此组件创建的那种选择:

enter image description here

这是另一个例子:

enter image description here

如果您将附件值设置为bottom,它将与iOS选择组件完全相同,并带有固定的底部模态附件。