在頁面開發中，我們經常會遇到需要用戶輸入日期的操作。通常的做法是提供壹個文本框供用戶輸入，然後編寫代碼來驗證輸入的數據並檢測它是否是日期類型。這很麻煩，同時用戶輸入日期也不太方便，影響了用戶體驗。如果使用jQuery UI中的datepicker日歷插件，所有這些問題都可以解決。插件調用的語法格式如下:
$(".選擇器“）。datepicker（選項）；
其中，“。選擇器”表示DOM元素，通常指文本框。因為插件用於提供日期選擇，所以它通常與文本框綁定在壹起，以便在文本框中顯示選定的日期。選項選項是壹個對象。
以下是壹些參數:
ChangeMonth設置壹個布爾值。如果為真，標題處會出現壹個下拉選擇框，可以選擇月份。默認值為false。
ChangeYear設置壹個布爾值。如果為真，標題處會出現壹個下拉選擇框，您可以選擇年份。默認值為false。
ShowButtonPanel設置壹個布爾值。如果為真，日期下方將顯示壹個帶有兩個按鈕的面板。壹個按鈕是“今天”，另壹個按鈕是“關閉”。默認值為false，這意味著不會顯示它。
CloseText設置關閉按鈕上的文本消息。該設置的前提是showButtonPanel的值必須為true，否則效果將無法顯示。
dateFormat設置文本框中顯示的日期格式，可以設置為{ date format:‘YY-mm-DD‘}，日期格式為年-月-日，如2012-10-1。
DefaultDate設置壹個默認的日期值，例如{defaultDate:+7}，這意味著在彈出日期選擇窗口後，默認日期是在當前日期的基礎上增加7天。
ShowAnim設置顯示彈出或隱藏日期選擇窗口的方式。可以設置的方法有“show”、“slideDown”、“fadeIn”或““，這意味著沒有辦法彈出日期選擇窗口。
ShowWeek設置壹個布爾值。如果為真，則可以顯示每天對應的星期。默認值為false。
YearRange設置年的範圍，如{ year range:‘2000:2010‘}，表示年下拉列表框的最小值為2000，最大值為2010，默認值為c-10；C+10，當前年份前後的10年。