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

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

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

  • 写回答

4条回答 默认 最新

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

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

    希望采纳!

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • 代码的灵魂是bug! 2019-05-29 17:56
    关注
    评论
  • 天际的海浪 2019-05-29 18:26
    关注
    评论
  • qq_24581629 2019-05-30 18:04
    关注
    <script type="text/javascript">
    /* 生效的实现参考星座 */
    // 星座对应的月份(自行百度)
    var constellation = [
        {start: '1-21', end: '2-20', cst: '星座1'},
        {start: '2-21', end: '3-20', cst: '星座2'},
        {start: '3-21', end: '4-20', cst: '星座3'},
        {start: '4-21', end: '5-20', cst: '星座4'},
        {start: '5-21', end: '6-20', cst: '星座5'},
        {start: '6-21', end: '7-20', cst: '星座6'},
        {start: '7-21', end: '8-20', cst: '星座7'},
        {start: '8-21', end: '9-20', cst: '星座8'},
        {start: '9-21', end: '10-20', cst: '星座9'},
        {start: '10-21', end: '11-20', cst: '星座10'},
        {start: '11-21', end: '12-20', cst: '星座11'},
        {start: '12-21', end: '1-20', cst: '星座12'},
    ]
    
    $(function(){
        // juqery日期选择插件
        $('#beginTime').date(null, function(data) {
            // data:选中的日期
            console.log(data)
            var year = data.split('-')[0]
            var selectDate = new Date(data)
            var curCst = constellation.find((item) => {
                var start = new Date(year + '-' + item.start)
                var end = new Date(year + '-' + item.end)
                return start <= selectDate && end >= selectDate
            }) || constellation[11]
            // curCst: 选中的日期对应的星座
            console.log(curCst)
        });
    
        $('#endTime').date({theme:"datetime"});
    
    });
    
    
    </script>
    
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥15 我用C语言easyx图形库绘制了一个3d游戏方框透视,但进入游戏时候鼠标准星对准方框边缘 鼠标光标就会弹出来这是啥情况怎样让光标对准绘制的方框点击鼠标不弹出光标好烦这样
  • ¥20 用Power Query整合的问题
  • ¥20 基于python进行多背包问题的多值编码
  • ¥15 相同型号电脑与配置,发现主板有一台貌似缺少了好多元器件似的,会影响稳定性和使用寿命吗?
  • ¥15 要求编写稀疏矩阵A的转置矩阵的算法
  • ¥15 编写满足以下要求的停车场管理程序,设停车场只有一个可停放n辆车的狭窄通道且只有一个大门可供车辆进出。
  • ¥15 C语言:数据子序列基础版
  • ¥20 powerbulider 导入excel文件,显示不完整
  • ¥15 用keil调试程序保证结果进行led相关闪烁
  • ¥15 paddle训练自己的数据loss降不下去