原生js日期选择插件

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

 24844  109  查看评论 (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>
相关插件-日期和时间

jquery移动端日期选择插件mobiscroll3.0.0

jquery移动端日期选择插件mobiscroll3.0.0APP日期选择器
  日期和时间
 66039  375

jQuery日历插件

简洁、优雅的日历插件。
  日期和时间
 73584  518

美观简洁的日历

美观简洁强大功能的日历
  日期和时间
 60812  381

jQuery日期时间选择器

基于Bootstrup 3的jQuery日期时间选择器
  日期和时间
 151562  468

讨论这个项目(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>
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复