日期时间选择器:datetimepicker
1、默认:
$('#example_1').datetimepicker();
2、只选择时间:
$('#example_2').timepicker();
3、显示时分秒毫秒格式:
$('#example_3').datetimepicker({ showSecond: true, showMillisec: true, timeFormat: 'hh:mm:ss:l' });
4、设置时间可选范围:
$('#example_4').timepicker({ ampm: true, hourMin: 8, hourMax: 16 });
5、默认时间:
$('#example_5').datetimepicker({ hour: 13, minute: 15 });
6、显示多月并设置可选日期范围:
$('#example_6').datetimepicker({ numberOfMonths: 2, minDate: 0, maxDate: 30 });
7、显示时间标尺:
$('#example_7').timepicker({ hourGrid: 4, minuteGrid: 10 });
8、获取和设置时间:
var ex8 = $('#example_8'); ex8.datetimepicker(); $('#example_8_set_btn').click(function(){ ex8.datetimepicker('setDate', (new Date()) ); }); $('#example_8_get_btn').click(function(){ alert(ex8.datetimepicker('getDate')); });