html当前时间插件,HTML日期时间插件

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});