DateTimePicker:jQuery日期和时间插件

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

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

选择日期

一个选择下拉日期的代码
  日期和时间
 20194  69

jQuery日历控件

layDate致力于成为全球最用心的web日期支撑,为国内外所有从事web应用开发的同仁提供力所能及的动力。她基于原生JavaScript精心雕琢,兼容了包括IE6在内的所有主流浏览器。她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封闭与狭隘。layDate本着资源共享的开发者精神和对网页日历交互无穷的追求,延续了layui一贯的简单与易用。她遵循LGPL协议,您可以免费将她用于任何个人项目
  日期和时间
 137572  205

jQuery & CSS3 制作的一款简洁的日历。

jQuery & CSS3 制作的一款简洁的日历。
  日期和时间
 15289  20

jQuery倒计时

网页上的常用的倒计时
  日期和时间
 79245  96

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

    Jesifer 0
    2017/5/16 16:34:15
    __Cindy 0
    2017/5/11 14:32:52

    求问各位大神,怎么设定点开选择框时候的初始日期和时间呀??

        元气少女Sherry酱0
        2017/5/23 14:40:26

        minDate:最小日期

        maxDate:最大日期
    回复
    大口狗 0
    2017/5/10 17:44:04

    脚本与avalon冲突,引用Avalon后,不能实现功能

    回复
    外向的孤独患者 0
    2017/5/10 16:45:18

    很好用的插件,谢谢分享

    回复
    SoooHy 0
    2017/5/3 15:32:11

    移动端显示时间面板的位置怎么调啊

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

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

        元气少女Sherry酱0
        2017/5/23 14:41:16

        是你的代码有问题,我用的没有问题

    回复
    炱?看咫 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

        0
        2017/5/4 15:25:11

        DataFormater啊!!

        口十一大贝易0
        2017/5/10 17:49:56

        DataFormater.minView:1

    回复
取消回复