jQuery.datepicker是一個(gè)具有時(shí)間選擇器功能的jQuery插件。它能夠幫助我們在網(wǎng)頁中進(jìn)行日期和時(shí)間選擇。它兼容所有常用的瀏覽器，并且容易定制。
使用jQuery.datepicker很簡單。我們只需引入jQuery庫和jquery.datepicker.js文件即可。然后在HTML中使用一個(gè)input元素來激活日期選擇器。下面是一個(gè)示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Datepicker Example</title>
<link rel="stylesheet" >
</head>
<body>
<label for="datepicker">選擇日期：</label>
<input type="text" id="datepicker">
<script src="http://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script>
$(function() {
$("#datepicker").datepicker();
});
</script>
</body>
</html>運(yùn)行以上代碼，您將會(huì)看到一個(gè)帶有日歷圖標(biāo)的輸入框。單擊輸入框即可觸發(fā)日期選擇器。
對于日期選擇器，我們還可以進(jìn)行各種配置。例如，我們可以禁止選擇未來日期：
$(function() {
$("#datepicker").datepicker({
maxDate: 0
});
});還可以將日期選擇器從日歷模式改為下拉列表模式：
$(function() {
$("#datepicker").datepicker({
showButtonPanel: true,
dateFormat: "yy-mm"
});
});jQuery.datepicker可以幫助我們輕松地實(shí)現(xiàn)日期和時(shí)間選擇功能。如果您不想自己編寫日期選擇器，可以考慮使用jQuery.datepicker插件。