DateTimePicker:jQuery日期和时间插件

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

 619420  373  查看评论 (261)
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 ui酒店预订日历选择器控件代码

jquery ui酒店预订日历选择器控件代码
  日期和时间
 26495  104

仿mobiscroll时间插件

mobiscroll插件很不错,但是收费 ,公司网站是面向国外用户,所以为了避免版权问题,我只能仿一个了
  日期和时间
 12792  51

jquery仿腾讯QQ空间时光轴静态页面

仿腾讯QQ空间时光轴静态页面
  日期和时间
 7872  66

jQuery活动倒计时插件countDown.js(原创)

设置开始时间,结束时间,显示欢迎信息,倒计时,结束信息
  日期和时间
 5249  24

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

    逆光飞羽 0
    2017/11/16 10:41:14

    在format和formateDate里设置显示格式为'Y-m'以希望选择只到月份,然后发现即使选择了其它月份,鼠标blur出当前input以后月份自动回到当前月份了。。。请问这个是什么原因造成的??

    p.p1 {
    	margin:0.0 px 0.0 px 0.0 px 0.0 px;
    	font:17.0 px Consolas;
    	color:#060606
    }
    p.p1 {
    	margin:0.0px 0.0px 0.0px 0.0px;
    	font:17.0px Consolas;
    	color:# 289 c97
    }
        逆光飞羽0
        2017/11/16 10:42:43

        问题后面的css样式是怎么弄上去的不知道,无视无视~

    回复
    初浅 0
    2017/11/14 14:14:41

    如何让插件的弹出框显示在input框的上面

    回复
    0
    2017/11/2 15:07:37

    插件有缓存    上一个选框的日期    带到下一个选框了  怎么解决

    回复
    han。 0
    2017/10/20 14:55:09
    DateFormatter未定义???
        吴圣杰0
        2017/11/12 16:05:00

        解决了吗?

    回复
    Carson-MCeline-Chan 0
    2017/10/16 15:47:13
    〃Ear 。 0
    2017/9/15 16:20:33
    这个插件如何使用的啊
        0
        2017/10/31 15:55:22

        调用一下就可以用了啊  再根据需求改配置

    回复
    东南枝y 0
    2017/9/14 14:56:52

    怎么设置控件只显示年和月份,不显示日?

        0
        2017/10/31 15:54:50

        设置  timepicker:false,

    回复
    不会…不敢…不想… 0
    2017/8/21 21:16:34

    请问一下这个插件如何重置?

    回复
    xiaoyanger 0
    2017/8/17 20:00:58
    如何默认选择当前页面 回复
    !i 0
    2017/8/10 11:02:15

    怎么设置一个时间 之后的两个小时呢  比如 13:00 之后的两个小时  15:00呢  

        井千0
        2017/10/25 15:08:17

        设置minuteStep 就可以了,默认的是5毫秒

    回复
取消回复