jQueryUI 1.10：jQuery 的用户界面库
warning:
这篇文章距离上次修改已过185天，其中的内容可能已经有所变动。
在这个例子中，我们将使用jQuery UI的Datepicker小部件来创建一个日期选择器。
HTML部分：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
<script>
$( "#datepicker" ).datepicker();
</script>
</body>
</html>这段代码首先引入了必要的jQuery和jQuery UI库，然后定义了一个input元素，其id为"datepicker"。最后，通过jQuery的id选择器("#datepicker")调用datepicker()函数来初始化日期选择器。这个日期选择器将使用默认设置，包括语言设置（取决于浏览器的语言设置）、日期格式和其他一些选项。
评论已关闭