离子日期选择器和时间选择器答案

【问题标题】：Ionic Datepicker and Timepicker离子日期选择器和时间选择器
【发布时间】：2016-10-13 04:12:27
【问题描述】：

我正在尝试在我的适用于 Android 的 Ionic 应用中构建日期选择器和时间选择器组件。

我一直在寻找各种库和插件，但找不到我想要的——iOS 风格的日期和时间选择器，用户可以滚动查看日期和时间，如下图所示。

任何意见和建议将不胜感激。提前谢谢你。

【问题讨论】：

我不确定我是否了解您要查找的内容。你有没有看到这个，虽然github.com/katemihalikova/ion-datetime-picker
检查我的答案
@Marko 我正在寻找 WheelPicker 回答如下。我已经看到了那个库。不过谢谢。

标签： android ionic-framework datepicker

【解决方案1】：

在Android中叫做WheelPicker，建议大家使用

WheelPicker

compile 'cn.aigestudio.wheelpicker:WheelPicker:1.1.2'

输出

或

你可以使用CharacterPicker

CharacterPickerWindow mOptions = new CharacterPickerWindow(activity);

setPickerData(mOptions.getPickerView());

mOptions.setSelectOptions(0, 0, 0);

mOptions.setOnoptionsSelectListener(new OnOptionChangedListener() {
    @Override
    public void onOptionChanged(int options1, int option2, int options3) {

    }
});
mOptions.showAtLocation(v, Gravity.BOTTOM, 0, 0);

【讨论】：

感谢您的建议。你能告诉我任何离子或简单的 angularjs 例子吗？

【解决方案2】：

您可以使用drumjs javascript 库。

您可以使用此库使用以下代码轻松创建轮子。

<body class="outside">
    <select>
        <option>1</option>
        <option>2</option>
        ...
        <option selected>39</option>
        ...
        <option>5</option>
    </select>
    <script>
       $("select").drum();
    </script>
 </body>

查看日期选择器示例，如 ios here

【讨论】：

这可行，但在 android 设备上有一点性能问题。