在前端開發中，我們經常會用到時間控件。而在jQuery中，也有一個非常方便的時間控件，那就是。

$(function(){
$("input[type='datetime']").datetimepicker({
dateFormat:"yy-mm-dd",          //日期格式
timeFormat:"HH:mm:ss",         //時間格式
stepHour: 1,                   //時間間隔（小時）
stepMinute: 5,                 //時間間隔（分鐘）
stepSecond: 10,                //時間間隔（秒）
showSecond: true,              //顯示秒
showMinute: true,              //顯示分鐘
showHour: true,                //顯示小時
showTimezone: true,            //顯示時區
timezoneList: [                //時區列表
{value: '-05:00', label: 'Eastern Standard Time'},
{value: '-06:00', label: 'Central Standard Time'},
{value: '-07:00', label: 'Mountain Standard Time'},
{value: '-08:00', label: 'Pacific Standard Time'}
],
controlType: 'select',         //控制方式：下拉列表
oneLine: true                  //是否單行顯示
});
});

以上是一個簡單的的代碼示例，其中包含了許多可配置的屬性，可以根據業務需求自行調整。

值得注意的是，是依賴于jQuery UI的，因此在使用前需要確保引入了相關的文件。

通過以上代碼，我們可以自定義bootstrap樣式的datepicker控件。具體可以參考Jquery UI官方文檔已及案例調試。