JQuery Datepicker是一款强大的JavaScript日期选择器插件,它允许用户轻松选择日期和时间。
以下是一个JQuery Datepicker例子,展示如何在HTML中使用它:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JQuery Datepicker例子</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <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>请选择日期:</h2> <p><input type="text" id="datepicker"></p> </body> </html>
在这个例子中,我们引入了jQuery和jQuery UI的两个库文件,并使用datepicker()函数在id为datepicker的文本输入框上启用JQuery Datepicker插件。
当用户单击文本框时,出现一个日历视图,用户可以选择一个日期。选定的日期将自动填充到文本框中。
JQuery Datepicker具有很多可能的配置项和方法,可以扩展其功能,定制用户体验。更多信息,请查阅官方文档。