DateTimePicker:jQuery日期和时间插件

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

 592371  354  查看评论 (250)
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日历控件datePicker

jquery.datePicker日历控件应用text文本框弹出日历表与默认显示日历表
  日期和时间
 21976  54

jQuery多功能日期插件asDatepicker

jQuery多功能日期插件asDatepicker,超强功能,扩展性极强,可以自定义语言,可设置日期返回,可设置日期选择器数量,支持手机等移动设备浏览。
  日期和时间
 6373  10

一款精简实用的时间轴插件一timeline

一款精简实用的时间轴插件
  日期和时间
 10221  38

大气美观的全屏日历插件-JQUERY VERBOSE CALENDAR

jQuery Verbose Calendar 是一款jquery全屏日历插件,整个日历的颜色是黑白,大气美观。但是官方并没有作过多的介绍,几天我就在这里给大家介绍一下这款插件。由于原插件式英文的日期显示,本站已经修改JS文件汉化了,可以到 网盘下载
  日期和时间
 15997  15

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

    〃Ear 。 0
    2017/9/15 16:20:33
    这个插件如何使用的啊 回复
    东南枝y 0
    2017/9/14 14:56:52

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

    回复
    不会…不敢…不想… 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/8/2 10:36:28

    这个控件好像不能设置秒啊

    回复
    枫影丨林夕 0
    2017/7/27 12:39:21

    angular2 引用此插件时,调用此插件,切换视图后,改变window窗口大小,出现报错!什么bug

        枫影丨林夕0
        2017/7/27 12:42:07

        Uncaught TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'.

    回复
    风-中-孤-狼 0
    2017/7/25 15:52:42

    请问这个插件有没有可以直接获取时间戳的接口?谢谢

    回复
    琅琊榜 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/27 20:47:44

        引用了

        杨海0
        2017/9/19 23:17:25

        你解决了没,我的也是这个问题

    回复
取消回复