JQuery Datepicker是一款強(qiáng)大的JavaScript日期選擇器插件,它允許用戶輕松選擇日期和時(shí)間。
以下是一個(gè)JQuery Datepicker例子,展示如何在HTML中使用它:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JQuery Datepicker例子</title> <link rel="stylesheet" > <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( function() { $( "#datepicker" ).datepicker(); } ); </script> </head> <body> <h2>請(qǐng)選擇日期:</h2> <p><input type="text" id="datepicker"></p> </body> </html>
在這個(gè)例子中,我們引入了jQuery和jQuery UI的兩個(gè)庫(kù)文件,并使用datepicker()函數(shù)在id為datepicker的文本輸入框上啟用JQuery Datepicker插件。
當(dāng)用戶單擊文本框時(shí),出現(xiàn)一個(gè)日歷視圖,用戶可以選擇一個(gè)日期。選定的日期將自動(dòng)填充到文本框中。
JQuery Datepicker具有很多可能的配置項(xiàng)和方法,可以擴(kuò)展其功能,定制用戶體驗(yàn)。更多信息,請(qǐng)查閱官方文檔。