Datetime
简单全面好用的日期时间插件
插件下载地址
1.通过id使用
HTML代码
日期时间选择器
js代码
$('#datetimepicker').datetimepicker({
dayOfWeekStart : 1,
lang:'en',
disabledDates:['1996/01/08','1996/01/09','1996/01/10'],
startDate:'1996/01/05'
});
$('#datetimepicker').datetimepicker({value:'2019/03/24 05:03',step:10});
2.通过class使用
HTML代码
通过Class使用
js代码
$('.some_class').datetimepicker();
3.只有时间
HTML代码
只有时间
js代码
$('#datetimepicker1').datetimepicker({
datepicker:false,
format:'H:i',
step:5
});
4.带有按钮
HTML代码
带按钮的
js代码
$('#datetimepicker4').datetimepicker();
$('#open').click(function(){
$('#datetimepicker4').datetimepicker('show');
});
$('#close').click(function(){
$('#datetimepicker4').datetimepicker('hide');
});
$('#reset').click(function(){
$('#datetimepicker4').datetimepicker('reset');
});
5.黑色主题
HTML代码
黑色主题
js代码
$('#datetimepicker_dark').datetimepicker({theme:'dark'})
$('#datetimepicker_dark').datetimepicker({
dayOfWeekStart : 1,
lang:'en',
disabledDates:['1996/01/08','1996/01/09','1996/01/10'],
startDate:'1996/01/05'
});
$('#datetimepicker_dark').datetimepicker({value:'2019/03/25 05:03',step:1});