DateTimePicker:jQuery日期和时间插件

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

 376209  266  查看评论 (188)
DateTimePicker:jQuery日期和时间插件 ie兼容8

DateTimePicket jQuery 插件:使用此插件非强制性地将 datetimepicker、 datepicker 或 timepicker 下拉列表添加到您的窗体。

2016-04-19更新

使用方法

添加jquery、datetimepicker和datetimepicker.css到您的页面

<link rel="stylesheet" type="text/css" href="jquery.datetimepicker.css"/ >
<script src="jquery.js"></script>
<script src="jquery.datetimepicker.js"></script>

HTML

<input id="datetimepicker" type="text" >

Javascript

$('#datetimepicker').datetimepicker();

//加入参数    (网友: 石→石←石 加入编辑)

$.datetimepicker.setLocale('ch');//设置中文

=====以下代码由会员 create_time 提供=====

如果,遇见插件不起效,

<script>
   $('#datetimepicker').datetimepicker({lang:'ch'});
</script>

放在<body></body>元素里面,程序是从上往下执行,优先加载head元素中js,如果本来的js中有摸个函数跟你插件的函数相同,他就是直接跳过

<head>
  <script>
     $('#datetimepicker').datetimepicker({lang:'ch'});
  </script>
</head>

而不加载!

调整,数字的位置

.xdsoft_datetimepicker  .xdsoft_calendar td > div{
   padding-right:10px;
   padding-top: 5px
}

自定义选项:

$('#s').datetimepicker({
      lang:"ch",           //语言选择中文
      format:"Y-m-d",      //格式化日期
      timepicker:false,    //关闭时间选项
      yearStart:2000,     //设置最小年份
      yearEnd:2050,        //设置最大年份
      todayButton:false    //关闭选择今天按钮
});

相关插件-日期和时间

Clock.jsHTML5模拟时钟jQuery插件

clock.js是一款简单的HTML5模拟时钟jQuery插件。该HTML5模拟时钟基于Canvas制作,有3种内置的主题,它带有时钟表盘界面和数字刻度,简单实用。
  日期和时间
 4673  26

移动端日期选择插件mtimer

移动端日期选择插件
  日期和时间
 10939  59

圆形时间进度条-倒计时

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

jQuery仿苹果手机秒表计时器特效

jQuery仿苹果手机秒表计时器特效是一款支持计次复位的苹果秒表计时器代码
  日期和时间
 3991  12

讨论这个项目(188)回答他人问题或分享插件使用方法奖励jQ币

     0
    2017/1/12 18:01:36

    误差一分钟怎么解决啊,太坑了

    回复
    哦啦啦0
    2017/1/10 11:01:51
    用div来代替,然后监听focus事件 将值同时赋给div和隐藏的input。或者将文本框设为只读( readonly="readonly"),这样可以阻止输入事件就不会跳出键盘,同时给文本框添加一个focus事件 回复
    countingstep0
    2017/1/6 11:01:51

    不太会用,一点反应都没有,有没有demo

    回复
    托儿所所长0
    2017/1/4 16:01:53

    相对齐全的api碰到的问题的可以看看

    http://www.bootcss.com/p/bootstrap-datetimepicker/demo.htm

    回复
    Summer0
    2016/12/26 16:12:50

    window下使用,插件的弹出框在window下层,怎么解决啊

    回复
    ゆ 小吵小闹小幸福0
    2016/12/23 14:12:38
    /*! * @copyright Copyright &copy; Kartik Visweswaran, Krajee.com, 2014 - 2015 * @version 1.3.3 * * Date formatter utility library that allows formatting date/time variables or Date objects using PHP DateTime format. * @see http://php.net/manual/en/function.date.php * * For more JQuery plugins visit http://plugins.krajee.com * For more Yii related demos visit http://demos.krajee.com */

    插件的头部为什么没有官网信息,只是给了一个demo?没有文档吗?没有官网吗?

        ゆ 小吵小闹小幸福0
        2016/12/23 14:12:43

        这绝对是是个大坑啊 ,没有API文档,没有官网

    回复
    ゆ 小吵小闹小幸福0
    2016/12/23 14:12:44

    文档很不齐全啊 ,onClose  等等方法会重复调用,好多 bug

    回复
    明朗的阳光0
    2016/12/22 17:12:00

    可是设置为readonly点击无效了

    回复
    越努力╀越幸运0
    2016/12/14 17:12:36

    请问ie8下,选择日期带不出,怎么解决??

        0
        2017/1/14 15:42:20

        请问,你解决了吗?

    回复
    恋离飞翼0
    2016/12/9 10:12:09
    插件很好,可是只有input才能有时间,div,td这些点一下能弹出时间选择器,但不能显示时间 回复
取消回复
    PROMULGATOR

    时光小屋

    火星