本帖最后由 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 //关闭选择今天按钮
}); |
|
| 
收藏
淘帖
踩
