DateTimePicker：jQuery日期和时间插件

最新推荐文章于 2024-06-10 22:00:08 发布

陆辰席

最新推荐文章于 2024-06-10 22:00:08 发布

阅读量999

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery

本文链接：https://blog.youkuaiyun.com/muzifei66/article/details/51364128

Jquery 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了如何在网页中整合使用jQuery、datetimepicker和datetimepicker.css进行日期时间输入框的实现，包括添加样式、引入JavaScript库以及配置日期时间格式、语言等参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用方法
添加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').datetimepicker({lang:'ch',//中文化});

调整，数字的位置

.xdsoft_datetimepicker  .xdsoft_calendar td > div{
   padding-right:10px;
   padding-top: 5px
}

自定义选项：

$('#s').datetimepicker({
      lang:"ch",           //语言选择中文
      format:"Y-m-d",      //格式化日期
      timepicker:false,    //关闭时间选项
      yearStart：2000,     //设置最小年份
      yearEnd:2050,        //设置最大年份
      todayButton:false    //关闭选择今天按钮
});