因为后台系统要使用年月日时分的设置,又因为使用的Bootstrap框架只有datepicker和timepicker控件。所以在jQuery库中找到轻量级的datetimepicker插件,很好地解决了一个控件选择日期和时间的问题。
在界面引入相应的css和js文件。
jquery.datetimepicker.css
jquery.datetimepicker.js
界面使用方法:
<input id="datetimepicker1" type="text" name="starttime" >
设置和获得datetime的方法:
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'));
});