xl1090453281 2019-05-29 17:45 采纳率: 100%
浏览 3597
已采纳

js怎么实现滚动的时间选择器？

如图。请问这种可以滚动选择的时间选择怎么实现呀，还有怎么取到选好的时间值判断他的星座和生肖呀，麻烦各位大佬上一下代码，十分感谢！图片说明

  • 写回答

4条回答 默认 最新

  • lllomh 2019-05-30 19:09
    关注

    你好，用心一天时间 给你解答的。基于http://www.jq22.com/jquery-info10900 给你修改的，星座已经加上。这里不能传文件，我就全部加在一个 index文件里了，然而这里字符有限制，不能放么多，我就写在博客面了，专门为你这个回答写的。根据时间告诉星座！你直接复制过去就可以运行了。

    希望采纳！

    请移步：
    Mobiscroll插件-根据时间选择弹出星座
    https://blog.csdn.net/lllomh/article/details/90703262

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

  • 原生js实现移动端时间滑动选择器
    2022-08-18 18:37
    xiao_chen00012的博客 boss上遇到一个HR要求写一个移动端的招聘界面，发现这个时间滑动选择器好像确实没有多少人做，不知道是直接用插件还是咋的，反正练习一下自己手写了一下，具体效果图如上。以上为本篇文章的内容，小弟自学半年，希望...
  • 时间选择器JS特效插件
    2019-11-08 23:19
    时间选择器JS特效插件是前端开发中常见的一种交互组件，它主要负责为用户提供一个方便、直观的方式来选取特定的时间或时间段。在网页应用中，这种插件被广泛应用于日程安排、预约系统、计时器等功能，提升用户体验，...
  • vue.js版双向滑动区间选择器
    2022-01-20 20:26
    Vue.js版双向滑动区间选择器是一款专为移动端设计的前端组件，旨在解决在不同设备和浏览器上输入范围时可能出现的兼容性问题，提供优秀的用户体验。这个组件基于流行的JavaScript前端框架Vue.js，使得开发者能够轻松...
  • 移动端上下滚动版级联选择器原生js实现 超详细
    2024-06-27 20:13
    M .的博客 vue2的移动端 上下滚动版级联选择器 原生js实现 里面html css rem像素配置 都有 初学者小白可以看看 ，好处：粘走直接用
  • vue日期滚动选择器实现
    2024-10-25 11:20
    你猜啊~~的博客 最近得到一个需求，要实现一个如下图所示的日期滚动选择器，在网上找了许久都没找到合适的，无奈只能自己写一个。先实现单个滚动选择效果，
  • JavaScript实现移动端滑动选择日期功能
    2020-10-22 01:54
    通过上述知识点，开发者可以实现一个基于JavaScript和sui-mobile框架的移动端日期选择器，该选择器通过滑动操作让用户能够直观、简便地选择日期，适用于各种移动端Web应用中日期输入的场景。需要注意的是，实现该...
  • 前端领域：ElementUI的时间选择器组件详解
    2025-06-30 20:46
    大厂前端小白菜的博客 核心概念与联系：介绍时间选择器的基本概念和设计思想核心算法原理：分析时间选择器的内部实现机制项目实战：通过实际案例展示组件的使用方法实际应用场景：探讨组件在不同业务场景中的应用总结与思考：回顾关键知识...
  • 滚动日期选择器
    2018-04-19 15:08
    - JavaScript库：如jQuery UI、Bootstrap Datepicker、Pickadate.js等提供了丰富的自定义滚动日期选择器选项。 - **跨平台框架**： - React Native：可以使用`react-native-datepicker`或`@react-native-...
  • vue滚动时间选择器
    2021-08-19 14:47
    小郑！的博客 vue滚动时间选择器 先看效果图 <div class="addlist sp-date" @click="getTimestamp"> <i>*</i><span>出生日期</span> <!-- <p>{{birth}}</p> --> <input ...
  • 时间选择器项目源码
    2018-07-26 17:07
    通过分析`TimeChoicekkkkkkkkkkkkk`这个文件名，我们推测这是项目源码的主要入口或者核心模块，包含了实现时间选择器的核心逻辑。具体代码实现细节，例如具体的编程语言、框架、API调用等，需要查看源码才能得知。 ...
  • 没有解决我的问题, 去提问