JQuery Datetimepicker是一個ETDCalendar組件的擴展，它允許您選擇日期和時間。

在實現Datetimepicker之前，您必須先導入jQuery核心庫，Bootstrap CSS和Datetimepicker JS和CSS文件。通過這些文件，您可以簡單快速地為您的網站和應用程序添加日期和時間選擇器。

//導入jQuery核心庫
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
//導入Bootstrap CSS文件
<link rel="stylesheet" >
//導入Datetimepicker JS和CSS文件
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/js/bootstrap-datetimepicker.min.js" integrity="sha512-EmV1w5RSUU85BHHr3B/v5NpSBKKNwu+RDKFhg6N/ih6QjU6/2CPQ2+pa8HJXm42ZmihlwkL6bHAaI+LLejJfww==" crossorigin="anonymous"></script>
<link rel="stylesheet"  integrity="sha512-PDdU7hr6MUoQlUjPt6MvYRjEgy/9/b2/MVdiMmpXEi+sNqFB4TpTEAePFVp1xbtYHGWVpfx8bz9skeZ7sBPejQ==" crossorigin="anonymous" />

當您成功導入這些文件之后，在您的代碼中就可以很容易地使用Datetimepicker。在一個input標簽中添加DateTimePicker組件，只需要添加下面的代碼：

<input type="text" id="datetimepicker"/>
<script>
$('#datetimepicker').datetimepicker();
</script>

在您的代碼中，應該添加適當的選項來定制您的Datetimepicker。例如，您可以添加顯示的日期和時間格式，禁用日期選擇等等。下面是一個完整的Datetimepicker選項列表：

$('#datetimepicker').datetimepicker({
format: 'YYYY-MM-DD HH:mm:ss',  //日期格式
minDate: '2020-01-01',  //最小可選日期
maxDate: '2022-12-31',  //最大可選日期
locale: 'zh-cn',  //日期顯示的語言
disabledDates: [  //禁用特定日期
moment("2022-01-01"),
moment("2022-02-02")
]
});

Datetimepicker給您的日期和時間選擇器增添了許多靈活性，使您的網站和應用程序更加舒適易用。