DateTimePicker:jQuery日期和时间插件

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

 646641  388  查看评论 (271)
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日期时间选择器

基于Bootstrup 3的jQuery日期时间选择器
  日期和时间
 47077  146

基于laydate时间控件修改版(精确到秒)

一款精确到秒的时间控件是英文版本
  日期和时间
 11978  38

jQuery手机端酒店日历插件

一款简单的手机端日历插件,可以选择入住和离店日期,控制选择天数
  日期和时间
 8125  32

jQuery日期时间选择器插件

jQuery日期时间选择器插件
  日期和时间
 27368  113

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

    ? ?灯火阑珊? 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
    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

        解决了吗?

        云帆0
        2017/11/23 11:14:34
        同样问题哦?
    回复
    Carson-MCeline-Chan 0
    2017/10/16 15:47:13
取消回复