【问题标题】: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 设备上有一点性能问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-12-17
  • 1970-01-01
  • 2012-09-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多