DateTimePicker:jQuery日期和时间插件

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

 396087  272  查看评论 (192)
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", //语言选择中文 注:旧版本 新版方法:$.datetimepicker.setLocale('ch');
      format:"Y-m-d",      //格式化日期
      timepicker:false,    //关闭时间选项
      yearStart:2000,     //设置最小年份
      yearEnd:2050,        //设置最大年份
      todayButton:false    //关闭选择今天按钮
});

相关插件-日期和时间

jQuery带日期区间的日期选择插件

HTML5/CSS3带日期区间的日期选择插件
  日期和时间
 12812  50

jQuery阅读时间插件Reading Time

用于显示估计阅读一些文字需要多长时间的jQuery插件
  日期和时间
 7160  7

JQuery日期选择插件

支持中文,可以选择日期,不能选时间,有demo
  日期和时间
 8874  24

时间日期控件(兼容ie6)

支持时间日期选取,兼容IE6及以上版本
  日期和时间
 16505  38

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

    ???????????? 1
    2017/2/9 14:03:18

    大家可以在website里面 找到相关的方法。  然后固定位置 可以用

    $('#datetimepicker').datetimepicker({
    	beforeShow : function(input, inst) {
    		var calendar = inst.dpDiv;
    		setTimeout(function() {
    			calendar.position({
    				my : 'left top',
    				at : 'left bottom',
    				of : input
    			});
    		}, 1);
    	}
    });
    回复
    破晓 1
    2017/2/9 11:38:57

    旧版本汉化使用$('#datetimepicker').datetimepicker({lang:'ch'});

    新版本汉化使用$.datetimepicker.setLocale('ch'); 回复
    - 0
    2017/1/24 17:08:18

    lang:"ch" 怎么汉化不了

    回复
      0
    2017/1/12 18:01:36

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

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

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

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

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

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

    回复
    Summer 0
    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

    回复
取消回复
    PROMULGATOR

    时光小屋

    陕西省西安市