在前端開發(fā)中，我們經常需要使用日期選擇器來獲取用戶選擇的日期，而jQuery Date是一個非常實用的插件，它提供了豐富的功能和靈活的配置選項。其中一個常見的需求是在日期上添加時間，本文將介紹如何通過jQuery Date實現(xiàn)該需求。

$( "#datepicker" ).datetimepicker({
dateFormat: "yy-mm-dd",
timeFormat: "HH:mm:ss",
onSelect: function(dateText, inst) {
console.log(dateText + ' ' + inst.settings.timeText);
}
});

首先，我們需要在日期選擇器中添加timeFormat選項，以定義時間的格式，例如“HH:mm:ss”。其次，在選擇日期時，我們需要將時間信息與日期信息一起傳遞給回調函數。

在上面的代碼中，我們使用了一個名為“datetimepicker”的jQuery Date插件，并設置了dateFormat選項以定義日期格式為“yy-mm-dd”。接下來，我們將timeFormat選項設置為“HH:mm:ss”，以定義時間的格式為24小時制，并在選擇日期時使用“onSelect”回調函數來輸出日期和時間信息。

最后，在控制臺中，我們將看到類似于“2021-07-02 14:30:00”的日期和時間格式輸出。

簡而言之，使用jQuery Date添加時間信息到日期選擇器非常簡單，您只需要設置timeFormat選項和onSelect回調函數即可。此外，您還可以選擇其他選項來自定義日期選擇器的外觀和行為。若有疑問，請查看jQuery Date官方文檔以獲取更多信息。