黑马程序员技术交流社区

标题: 【广州前端】-jQuery日期时间插件: DateTimePicker [打印本页]
作者: dakk    时间: 2017-12-21 16:46
标题: 【广州前端】-jQuery日期时间插件: DateTimePicker
本帖最后由 dakk 于 2017-12-23 15:03 编辑




插件描述：DateTimePicket jQuery插件：使用这个插件来悄悄地添加一个DateTimePicker，日期选择器或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');//设置中文

如果，遇见插件不起效，
<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    //关闭选择今天按钮
});

datetimepicker-master192120160419.zip

131.13 KB, 下载次数: 54
作者: 奋斗吧!    时间: 2017-12-21 17:42
大神 怎么修改手机网页标题栏背景



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2