DateTimePicker:jQuery日期和时间插件

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

 555054  336  查看评论 (236)
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日期范围选择插件bootstrap-daterangepicker

bootstrap-daterangepicker基于Bootstrap 框架的日期范围选择插件
  日期和时间
 14165  42

仿mobiscroll时间插件

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

基于vuejs的移动端未来30天时间选择器

此项目由于时间原因写的比较草,但是功能还是完善了,字体单位采用rem,所以在PC端预览的时候可能会出现兼容性问题
  日期和时间
 2879  20

jquery时间轴

jquery网站发展历史时间轴是一款可以用右侧的上下箭头切换上下查看,也可以用鼠标滚轮进行上下切换、切换的过程中有类似flash的切换效果。
  日期和时间
 25130  271

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

    琅琊榜 0
    2017/7/18 14:27:10

    如何指定那些时间可选,哪些不可选,根据月份变化?

    allowTimes: ['08:00','09:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00','18:00'],这个如何动态设置可选不可选,动态灰掉?

    回复
    一杯二锅头 0
    2017/7/12 10:28:14

    为什么总是提示jquery.datetimepicker.js这个文件里的DateFormatter is not defined?插件用起来没问题,就是页面报错(具体是在636行new DateFormatter()这个方法)

    dateHelper = new DateFormatter({
        dateSettings: $.extend({}, dateFormatterOptionsDefault, opts)
    });

    求大佬救助啊

        山有高低0
        2017/7/20 10:41:21

        你引入jquery.datetimepicker.full.js这个没有

    回复
    0
    2017/7/10 17:54:35

    可以支持年月吗

    回复
    牛肉卷 0
    2017/7/5 9:28:08

    为什么ie8不支持

    回复
    fanfan2017 0
    2017/6/29 21:52:06

    我表示报错很多啊,当只用时分功能时候,会报错$dateInput.offset() 没有此方法  和 $(dagteInput)[0 ] 不能读取属性 0 of undefined 。

    回复
    农夫山泉有点田 0
    2017/6/29 16:43:16

    不兼容ie8你那边兼容性还打勾。。。。

    回复
    花田半亩 0
    2017/6/27 8:57:38

    怎样做才可以只选择年份和月份呢

    回复
    Amour 0
    2017/6/23 15:51:25

    请问各位大神有什么方法可以动态修改value这个参数吗?

    回复
    黑甲女 0
    2017/6/10 11:13:05

    按照它的文档来不显示日期,怎么回事啊

    回复
    Consolas 1
    2017/6/5 16:20:47

    有人说不可编辑的事情,有一个办法我试了是可行的,加一个这个onfocus="this.blur()" 就编辑不着了哈哈,日期可以格式化各种形态,不可编辑,那就行了,这个选择小时的功能真赞,就要这个年月日 时

    回复
取消回复