DateTimePicker:jQuery日期和时间插件

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

 724971  416  查看评论 (282)
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    //关闭选择今天按钮
});
相关插件-日期和时间

html+css+js 动态时钟

就是用纯html+js+css写的一个动态时钟
  日期和时间
 13757  89

jQuery倒计时插件

一款距离某一时刻的一款倒计时插件刷新页面不影响倒计时进行.
  日期和时间
 6231  36

圆形时间进度条-倒计时

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

精美js日期选择器,js省市选择器

小巧的js日期选择器。 一个精美的js日期选择器。
  日期和时间
 19826  67

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

    风儿 0
    2018/4/11 15:02:36
    请问后边可以不要具体某一时间,但是可以选择一个时间段吗 回复
    Single lady 0
    2018/3/27 17:43:06
    Uncaught TypeError: i.dateFormat is not a function
    at jquery.datetimepicker.min.js:2
    这个是什么原因啊
        落日无声0
        2018/4/15 16:28:25
        我引入那个full.js包就好了,我找了一下 缺少一个构造函数,不知道什么原因
    回复
    looking for 0
    2018/3/26 11:09:42
    有什么官方文档吗?想具体查看一些参数的配置 回复
    lijunmei123 0
    2018/2/23 17:21:24
    插件能设置分秒不可选吗
    回复
    ? ?灯火阑珊? 0
    2018/1/18 9:59:46
    可以选择分钟吗 回复
    就这样安安静静 0
    2017/12/15 11:16:02

    怎么设置 小于当前时间的 日期不可选

    回复
    - 0
    2017/11/23 14:45:50
    该插件有没有提供回调函数啊 回复
    小眼睛''男生也有大魅力 0
    2017/11/20 16:01:57

    怎样设置过期时间不可选

    回复
    七秒钟 0
    2017/11/20 10:27:16

    为什么页面上多次引用该组件时,就只有一个可以选择时间,其他的都不出来选择时间的面板了呢?

    回复
    逆光飞羽 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样式是怎么弄上去的不知道,无视无视~

        lavenderQ0
        2018/1/10 16:30:57

        请问问题解决了吗?

        崧某人_西恩0
        2018/2/27 16:14:48
        请问解决了么?
    回复
取消回复