原生js日期选择插件

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

 25930  110  查看评论 (17)
分享到微信朋友圈
X
原生js日期选择插件 ie兼容10

更新时间:2020-11-15 00:11:20

更新说明:想要获取选中的日期可以获取返回值并使用d.choiceDate.data来获取。

修复:一直点击显示的日历中的上一个月或者下一个月日期会显示错误的年月的bug。


更新时间:2020-09-24 00:26:54

更新说明:每一天都有title可以显示农历日期,鼠标hover日期显示农历


更新时间:2020-09-20 10:25:35

<div id='date'> 
 <input type="text" value='' placeholder="点击选择时间" id='inputdate' /> 
</div>
相关插件-日期和时间

一款好用的记事日历插件,数据源可配置

一款好用的记事日历插件,数据源可配置
  日期和时间
 39251  416

jQuery时间插件timedropper

timedropper是一个jQuery时间选择插件。管理时间输入字段的标准形式。专注于输入打开一个小的互动时间选择。
  日期和时间
 36256  394

基于laydate时间控件修改版(精确到秒)

一款精确到秒的时间控件是英文版本
  日期和时间
 56604  381

圆形时间进度条-倒计时

html5 + css3 打造的圆形时间倒计时进度条
  日期和时间
 54239  348

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

    ?喱水 0
    2022/8/6 11:24:44
    d.choiceDate.date根本获取不到数值 无法绑定onchange事件 求解答
        ...1
        2022/8/6 11:31:18
        你就用这个例子,选择一个日期后用控制台打开输入d.choiceDate.date试试看有没有结果,
    回复
    hechuanjun 0
    2022/6/24 16:04:34
    选择完时间,删除,再次选在为什么无法弹出
        hechuanjun0
        2022/6/24 16:06:38
        可能是我页面问题
    回复
    夜未央灬 0
    2021/6/7 11:57:57
    请问能够设置最大日期和最小日期嘛 回复
    matronly 0
    2021/6/3 11:51:14
    特地验证了来评论的,好用👍 回复
    Ballads 0
    2021/1/2 21:33:36
    能用webpack打包吗 回复
    you got it "BANG" 0
    2020/12/10 10:48:40
    请问可以有区间的选择吗,比如说有两个输入框,前面比后面小,后面比前面大
        ...0
        2020/12/10 14:16:52
        现在没有,下次加上
    回复
    RESTART 0
    2020/12/7 8:59:21
    请问选择了时间之后,怎么触发,用哪个事件,获取到当前选择的日期呢。。萌新求助
        ...0
        2020/12/7 12:35:55
        点击选中的日期就自动输入到绑定的输入框中了,如果要获取选中的值,就直接获取实例对象的 choiceDate属性中date值,例如:d.choiceDate.date
        丢了幸福的猪0
        2021/11/6 11:49:58
        不是太明白,可以说一下吗
    回复
    石头 0
    2020/11/26 15:43:48
    这个能获取今天时间之后的时间吗? 回复
    RUA 0
    2020/11/10 15:52:21
    请问怎么获得选取的日期呢,谢谢
        ...1
        2020/11/11 11:10:25
        var d = new DateJs({
               inputEl: '#inputdate',
               el: '#date'
           })
        // d.choiceDate.date就是选择的日期
    回复
    用户7355318281 0
    2020/10/22 10:14:23
    请问:我在页面使用了2个日期选择框,input的ID和父级div的ID都对应改了,为什么第二个点击input框的时候日期选择框会闪退,再点击就出不来了,它的display一直为none。谢谢您
        ...1
        2020/10/22 15:05:10

        我自己测试两个没问题啊,就是只有input聚焦才会显示聚焦的那个,我用下面的代码测试的,就是点击一个,另一个就关了

        <div id='date'>
            <input type="text" value='' placeholder="点击选择时间" id='inputdate' />
        </div>
        <div>123</div>
        <div id='date1'>
            <input type="text" value='' placeholder="点击选择时间" id='inputdate1' />
        </div>
        
        <script type="text/javascript">
            var d = new DateJs({
                inputEl: '#inputdate',
                el: '#date'
            })
            var d1 = new DateJs({
                inputEl: '#inputdate1',
                el: '#date1'
            })
            console.log(d)
        </script>
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复