DateTimePicker:jQuery日期和时间插件

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

 472787  303  查看评论 (210)
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    //关闭选择今天按钮
});

相关插件-日期和时间

  日期和时间
 9308  46

jQuery双日历选择

jQuery实现双日历选择插件double-date.js
  日期和时间
 5731  20

jQuery定时器自动版

可以定时1~60分钟,定时结束播放音乐
  日期和时间
 4838  15

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

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

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

    炱?看咫 0
    2017/4/20 16:16:43

    鼠标滑动页面,为什么插件位置还是固定在原来位置

    回复
    炱?看咫 0
    2017/4/20 9:32:04

    不能定位啊 ,怎么设置!!!鼠标离开日期选择框,在滑动,位置就变了,怎么设置

    回复
    し秋ぅ忆り 0
    2017/4/19 10:42:56
    怎么同时显示当前月份的天数和未来两个月的天数? 回复
    0
    2017/4/18 19:35:36

    如何禁止弹出日期组件呢?disable 属性?有这个属性吗?

    回复
    弹钢琴的肖邦 0
    2017/4/18 9:58:17

    请问怎么精确到小时啊 现在默认的事件都是不对 误差一小时 step:1是精确到分钟 然而我需要精确到小时

        弹钢琴的肖邦0
        2017/4/18 10:11:06

        不对 是minTime:ture 精确到小时 急!

        KatherineGemini1
        2017/4/18 17:14:59

        minView:1

        ( ⊙ o ⊙ )!0
        2017/4/24 17:55:29

        minView:1

    回复
    Ludlow 0
    2017/4/11 15:55:11
    昵称 0
    2017/4/10 15:49:40

    有开始时间、结束时间的情况下,给开始时间在onSelect回调中设置$( ".date_end").datepicker("option",'minDate',new Date(dateText)),同时在结束时间onSelect回调中设置$( ".date_begin").datepicker("option",'maxDate',new Date(dateText));

    设置最大开始时间和最小结束时间后,如果在选择开始时间或者结束时间的时候双击日期,会自动给结束时间或开始时间同时给赋值,这种情况咋个解决? 回复
    疼?只斤蚜?_ 0
    2017/3/24 12:22:51

    怎么禁止鼠标滚轮滚动,日期也变化?

        疼?只斤蚜?_0
        2017/3/24 12:34:11

        找到了

        scrollMonth:true,scrollTime:true,scrollInput:true,

    回复
    -Web 0
    2017/3/10 9:47:01

    我这里显示没有DataFormater这个方法。。。求问大佬是什么问题

        绿格子黑衬衫0
        2017/3/15 10:40:09

        导build的full js

    回复
    Zcp1985 0
    2017/2/28 9:40:29

    我想日期和时间都显示 ,为什么只显示了日期,时间不显示呢

        Zcp19850
        2017/2/28 10:12:58

        找到原因了 ......

    回复
取消回复