今天我們來學習如何使用 jQuery 實現頁面時間控件賦值。 首先，我們需要在 HTML 中引入 jQuery 庫和對應的時間控件庫。代碼如下：

<!-- 引入 jQuery 庫 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- 引入時間控件庫 -->
<link  rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>

接著，在 HTML 中添加一個用于顯示時間的 input 標簽和一個按鈕，代碼如下：

<input type="text" id="time-picker" class="form-control" data-provide="datepicker">
<button type="button" id="btn-set-time" class="btn btn-primary">設置時間</button>

在 CSS 樣式表中，我們需要引入時間控件的基本樣式。代碼如下：

.datepicker {
z-index: 9999 !important;
}

在 JavaScript 中，我們需要為按鈕添加點擊事件，通過控件的 setDate 方法設置時間。

$(function() {
// 設置時間控件默認語言為中文
$.fn.datepicker.defaults.language = 'zh-CN';
// 初始化時間控件
$('#time-picker').datepicker();
// 添加按鈕點擊事件
$('#btn-set-time').click(function() {
// 獲取當前時間
var now = new Date();
// 將當前時間設置到時間控件中
$('#time-picker').datepicker('setDate', now);
});
});

到這里，我們已經實現了通過 jQuery 控制時間控件的功能。 總結一下，我們需要引入 jQuery 和時間控件庫，添加一個 input 標簽和一個按鈕，為按鈕添加點擊事件，在事件中通過 setDate 方法設置時間。 希望本文能幫助大家學習和使用 jQuery 來控制時間控件。