因为后台系统要使用年月日时分的设置,又因为使用的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'));
      });
05-11 22:51