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

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

 60415  426  201
当前第6页 / 共7页
    my奥斯卡0
    2018/10/31 15:36:02
    选择时分秒的时候，滚动一次滚轮跳了三个区间，不能一个一个上下滚动吗
        六晓0
        2018/11/2 11:06:50
        可以吧 这个其实就是普通的浏览器滚动条滚动 只是会判断到哪里做了微调 你不要滚那么快就行
        ..@_@ 0
        2018/11/29 15:10:25
        不行啊，这个能优化吗？
    回复
    BUZHEN0
    2018/10/31 15:14:26
    貌似有点小问题， 在弹出来的时间选择器那个时间框中可以随便输入时间，然后再点击确定后，不会判断而直接把输入的值存到input中去。
        六晓0
        2018/11/2 11:07:32
        这个看到了 有空优化下 就是在时间框里随便输是吧
    回复
    BUZHEN0
    2018/10/31 11:07:26
    需要把那些文件引用到到自己的东西里才能用呢？小白一个，还请谅解。 回复
    潙妳迩变0
    2018/10/27 17:10:48
    怎么在点击确定时候，获取选中的日期啊
        六晓1
        2018/11/2 11:10:20

        // 在hide时间中处理，只要选择完毕，就会调用这个，因为没时分秒时选日期就选完了，不一定是点确定才选到时间

        $('.J-datepicker-range').datePicker({
  hide:function(){
       // 范围选择时
       console.info(this.$input.eq(0).val(), this.$input.eq(1).val())
       // 单个选择时
       // console.info(this.$input.val())
   }
});
        Y?玺0
        2018/11/22 19:57:35
        有一个需求，怎样可以选择完日期点击确定的时候才关闭时间插件，而不是，选择完成还未点击确定就关闭了时间插件
    回复
    似水、流年0
    2018/10/25 18:27:23
    请问把html代码放到layui的form中可以使用吗？？
        六晓0
        2018/11/2 11:01:51
        不影响的吧 只要样式和类名都没冲突
    回复
    散华礼弥0
    2018/10/12 14:45:47
    请问下，在使用年月日时分秒范围选择的时候，点击年月不能出现像年月日时分秒单个选择的那种选择形式吗？也就是说年月日时分秒范围选择的年跟月只能通过向左向右选择吗？
        散华礼弥0
        2018/10/12 14:52:55
        我在范围选择的基础上把isRange: true去掉了，点击年月是可以实现单独选择的，但是这时候就不是范围选择了，变成了单个时间选择，如果加上isRange: true,变成范围选择后，年月就不能单独选择了，只能点击向左向右进行选择
        六晓0
        2018/10/15 16:43:35
        是的 参考element-ui的时间插件的交互，范围时候只能左右向去操作
        散华礼弥0
        2018/10/26 13:39:10
        年月选择插件，选择月份的时候点击向左向右按钮报错，Uncaught TypeError: Cannot read property 'prevNextSingle' of undefined
    回复
    吕英祖1
    2018/10/9 17:41:38
    发现两个缺陷：
    1.源文件120行，少了一个val = val.split(' ')[0]; 导致，如果没有设置最大最小值的时候，日期输入框（c-datePicker__input-day）控件失去焦点的时候，时间值会加入到日期值的输入框。
    2.不知道算不算缺陷，如果时间的格式不小心把冒号携程短横线，如"HH:mm:ss"-->"HH-mm-ss"，时间框失去焦点，会出现undefine，因为只识别:，不识别-
    浅见，冒犯了。
        六晓0
        2018/10/10 15:32:00
        感谢评论。
        问题1的也有人发邮件给我说了，主要是之前加了最大值最小值，修改API里的方法minMaxFill返回的val写少了split,导致用的时候不对
        2的在调试，改完2的后会更新一版
        六晓0
        2018/10/10 15:35:28
        问题2的是说写format参数的时候是吗？这个没有做兼容，时间默认只支持:
    回复
    认真生活0
    2018/9/30 10:33:24
    IE不支持？
        六晓0
        2018/10/8 9:30:45
        11支持我测过 8应该不支持 9-10你可以试下
    回复
    zhumingfei0
    2018/9/28 11:20:54
    支持动态渲染吗？
        六晓1
        2018/9/29 14:35:44
        可在动态加完input后调用插件
        开发部-梁斌0
        2019/1/25 14:17:28
        我用js生成的动态html不能调用插件呀・・・
    回复
    sheepwin0
    2018/9/28 11:10:33
    我遇到两个问题 1：我提交表单，没法获取选中的日期 ； 2：这个显示框的样式能调的么 我是小菜鸡，求指导
        sheepwin0
        2018/9/28 11:13:49
        哪个大神会 教教我呢
        六晓3
        2018/9/29 14:33:06
        ```
<div class="c-datepicker-date-editor J-datepicker-range">
     <i class="c-datepicker-range__icon kxiconfont icon-clock"></i>
     <input placeholder="开始日期" name="" class="c-datepicker-data-input" value="">
     <span class="c-datepicker-range-separator">-</span>
     <input placeholder="结束日期" name="" class="c-datepicker-data-input" value="">
</div>
```

        这段只是为了样式和html，真正和插件有关的就是

        c-datepicker-date-editor，c-datepicker-data-input

        这两个类
        问题1:

        你在input里加上name="name"不就可以里？这个是html基础，或者获取这种

        $('input').val()

        问题2:

        调样式就可以调显示框的了，只要权重比原本大就行
        这些都是基础。

        ____Eseall、0
        2018/10/17 11:08:23
        $('input').val()并没有办法获取到选择以后的时间
    回复
    longjs0
    2018/9/27 14:34:48
    怎么让表单设置默认值
        六晓1
        2018/9/29 14:36:50
        没有做直接在调用参数里加，要去判断最大值最小值等等觉得没必要，你就调用前设置input值就行，然后初始化时间插件
    回复
    西伯利亚0
    2018/9/26 17:29:09
    加上 时分秒 有bug
        六晓0
        2018/9/26 18:31:14
        请给一下具体的操作顺序，和报错提示，方便重现
    回复
    深呼吸0
    2018/9/25 16:41:50
    怎么获取选中的值？
        六晓0
        2018/9/25 18:12:20
        请问是什么场景
        深呼吸0
        2018/9/26 17:07:49
        值已经可以获取到了，现在发现如果引入了echarts插件有的时候会导致datePicker报错
        六晓0
        2018/9/26 18:29:30
        可以把具体报错代码发出来看看吗
        深呼吸0
        2018/9/27 10:10:45
        Uncaught TypeError: $(...).datePicker is not a function
        李俊辉0
        2018/9/27 14:48:45
        你得发加载函数写在最后，还没加载那个JS文件就调用这个方法肯定没有啊，这点水平写前端还是任重道远
        六晓0
        2018/9/29 14:28:08
        ？没看懂
    回复
    深秋。0
    2018/9/21 17:09:19
    应该如何监听值的改变？
        六晓0
        2018/9/21 18:34:15
        请问是什么场景？我只加了选择完的回调事件hide,因为范围的也是选完点确定才生效，日期选完会关闭也会调用hide,可以满足选完触发
    回复
    A.I0
    2018/9/20 15:55:03
    点击后的回调呢
        六晓0
        2018/9/20 16:25:00
        只有关闭时间插件的回调hide:function(){}
    回复

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

取消回复