评论:仿elementui的datapicker范围时间插件(原创)   [查看原文]

所属分类:输入-日期和时间

 60412  426  201
当前第4页 / 共7页
    我是沙你是…0
    2019/1/26 15:30:52
    年份的最大值怎么没用呢?
        六晓0
        2019/2/1 14:43:38
        给下代码才能看出来
        我是沙你是…0
        2019/2/12 9:12:50
        <div class="c-datepicker-date-editor c-datepicker-single-editor J-yearPicker-single">
            <input type="text" name="jobStartYear" class="c-datepicker-data-input" placeholder="请选择起始从业年份" autocomplete="off">
        </div>
        
        $('.J-yearPicker-single').datePicker({ format: 'YYYY', max: '2019' });

        这样写的,但是年份的最大值没得用

        我是沙你是…0
        2019/2/12 15:37:38
        你的demo我下下来试了年份最大值也没用,大佬有空看看
    回复
    开发部-梁斌0
    2019/1/25 14:47:24
    js生成的控件用不了,怎么调用函数也找不到~ class的都搜索过,没有用到这几个class调用函数呀~
        布利啾啾迪布利多0
        2019/1/27 13:54:52
        引入css了吗
        开发部-梁斌0
        2019/1/28 9:23:22
        直接写在jsp上可用,如果是js动态生成的就用不了了。
        开发部-梁斌1
        2019/1/28 10:08:22

        可用了,只要你拿jq动态生成的标签引用来绑定插件的方法就可以了。
        简单来说,标签引用是jq的append方法的返回值,然后用这个返回值调用

        .datePicker({
          format: 'YYYY-MM-DD HH:mm',
          isRange: true
        });

        (这个我是用那个时分年月日的方法,其它的用其他的方法)

        开发部-梁斌1
        2019/1/28 10:09:18
        这其实是个jq共性问题,插件本身没有问题。
    回复
    宫立新0
    2019/1/22 9:23:48
    大佬 这个可以更改日历的大小吗 如何更改
        六晓1
        2019/2/1 14:44:26
        可以 改间距 宽度 快捷的宽度等 可以在控制台调一下 然后去css里改
        0
        2019/3/20 11:22:11
        具体要怎么修改啊,我获取得到的class=“c-datepicker-picker c-datepicker-date-range-picker c-datepicker-popper has-time ”要修改大小和位置要怎么改css
        灭霸媳妇0
        2019/3/20 11:37:17

        你获取错了吧,拿第一个例子,我这里获取css为

        .c-datepicker-date-picker.has-sidebar {
            width: 390px;
        }

        修改这就可以。

        0
        2019/3/20 14:23:33
        大小是可以正常获取的,主要是位置,因为时间选择器太靠右了,点击打开日历的时候,都超出页面了,怎么把日历往左边移动啊,在控制器中修改emement.style,可以控制,在文件中怎么修改啊?
    回复
    布利啾啾迪布利多0
    2019/1/21 17:56:44
    知道怎么做了 感谢 回复
    布利啾啾迪布利多0
    2019/1/21 17:29:30
    我是按demo引用的啊 html 以及js 和demo一样 然后该引用的也引用了 还是不显示啊 非常想用大大的插件 感觉插件很棒
        布利啾啾迪布利多0
        2019/1/21 17:39:28
        作者大大 可以教一下我这个笨小孩不
    回复
    布利啾啾迪布利多0
    2019/1/21 14:29:20
    作者大大 这个怎么用啊 为什么我引入之后只出现一个input框啊
        六晓0
        2019/1/21 15:12:52
        看demo 下载去本地看看怎么用
        或者给你的调用代码 估计你用的不对
        布利啾啾迪布利多0
        2019/1/21 17:12:17
        我是按demo引用的啊 html 以及js 和demo一样 然后该引用的也引用了 还是不显示啊 非常想用大大的插件 感觉插件很棒
    回复
    薛晨阳0
    2019/1/16 14:44:35
    如果设置了min max点击文本框弹出的日期选择框为什么不考虑默认展示到min的年份维度。
        六晓0
        2019/1/18 11:49:12
        体验不好 因为不是大家都需要min min的话怎么又不是max? 使用今天的话保持和普通的一致,不会太跳脱
        薛晨阳0
        2019/7/24 15:22:44
        从用户体检角度来看,既然有需求设置选择时间节点的范围限制,那就应该默认显示到我设置的范围内,而这个默认真是年份以设置的最小节点最好。
        举个例子,我现在有个年度查询,我要看2010年1月份到3月份的数据,打开日期插件显示2019年且都是不可选的划线状态,还需要在上方点击按钮点九次到2010这个体验也不太好吧。您怎看这种情况呢?
        因为几个月没关注您后续更新,只是针对这个回复提出的一点异议。哈哈..
    回复
    薛晨阳0
    2019/1/16 14:35:52
    建议增加确定、清空回调函数,适配不同需求。
        薛晨阳0
        2019/1/16 14:43:14
        看到hide了
    回复
    ~浪漫☆樱花~0
    2019/1/7 12:30:12
    怎么得到点击插件上的确定按钮获取到选的时间呢
        六晓0
        2019/1/9 15:36:35

        新添加了hide类型,更新后可以看看或者看github:https://github.com/qiuyaofan/datepicker

        hide:function(type){
            if(type==='confirm'){
                console.info(this.$input.eq(0).val(), this.$input.eq(1).val());
            }
        }
        雨中漫步0
        2019/1/14 14:56:32
        选择时间后怎么input的value是空的呢?有用过的吗??
        雨中漫步0
        2019/1/14 16:06:10
        已经可以用了。多谢
    回复
    温暖0
    2019/1/2 16:42:56
    能不能加个,配置各个时间段的默认值。年月日,我可以不默认配置,但是时分秒我可以默认配置一个固定时间
        六晓0
        2019/1/9 13:17:40
        不是很懂 你是说旁边的选择时间快捷的功能吗?如果只有时分秒,那是只覆盖已选值的时分秒?
    回复
    0
    2019/1/2 10:37:52
    感谢一下作者,非常好的作品,建议发布到gayhub上去,让更多人能使用上!(*^__^*) 嘻嘻…… 回复
    nidaye10
    2018/12/29 17:46:43
    可以只选5分钟粒度吗,比如2018-12-29 16:00:00 - 2018-12-29 16:05:00
    2018-12-29 16:25:00 - 2018-12-29 16:30:00 ..... 回复
    冻手冻脚0
    2018/12/27 14:30:56
    日期改变调用的哪个函数 ~~作者
        六晓0
        2018/12/28 10:51:41
        最终操作完成是hide方法,请翻评论记录
        冻手冻脚0
        2018/12/29 10:05:17
        如果点击input(input有上次点击后的时间) ,不选择日期,点击其他区域,hide也是会执行的。有没有点击确定按钮后才会执行的方法
        六晓1
        2019/1/9 12:17:06
        可以加 但之所以不加是因为当用户手动输入,或者单选时是选完就填充了,也无法监听到清空等情况,加了可以达到你要的目的吗 我看看能不能在hide的时候传回hide时候的类型
        六晓0
        2019/1/9 15:37:27
        新增了hide类型,等更新或看github
    回复
    EMMMMMM0
    2018/12/24 21:17:22
    请问作者,添加哪些.js和.css文件?
        六晓0
        2018/12/28 10:49:39
        看demo
    回复
    巧诈不如绌诚0
    2018/12/19 19:21:37
    大佬,过期时间(如:2018-12-19之前的日期不可选择),有这功能吗
        六晓1
        2018/12/24 15:18:35

        设置最小值

        {
            min:2018-12-19,
            format:'YYYY-MM-DD'
        }
    回复

讨论这个项目(201)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复