淘先锋技术网

首页 1 2 3 4 5 6 7

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具有很多可能的配置项和方法,可以扩展其功能,定制用户体验。更多信息,请查阅官方文档。