Jq之Datepicker

最新推荐文章于 2025-05-20 16:01:19 发布

杨过悔

最新推荐文章于 2025-05-20 16:01:19 发布

阅读量561

点赞数

CC 4.0 BY-SA版权

分类专栏： JqueryUI编程笔记

本文链接：https://blog.youkuaiyun.com/u013571243/article/details/44520319

JqueryUI编程笔记专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用jQuery UI库创建一个简单的日期选择器组件。通过在HTML页面中引入必要的jQuery和jQuery UI文件，并编写少量JavaScript代码来实现日期选择器的功能。此示例还演示了如何设置日期选择器为内联显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载ui包后,在目录中新建test文件夹

在test里新建index.html

内容

<!doctype html>
<html lang="us">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Example Page</title>
	<link href="../css/sunny/jquery-ui-1.9.2.custom.css" rel="stylesheet">
	<script src="../js/jquery-1.8.3.js"></script>
	<script src="../js/jquery-ui-1.9.2.custom.js"></script>
	<script>
	$(function() {
		$( "#datepicker" ).datepicker({
			inline: true
		});
		});
	</script>
</head>
<body>

<h1>Welcome to jQuery UI!</h1>

<h2 class="demoHeaders">Datepicker</h2>
<input type="text" name="sighting_date" id="datepicker">

</body>
</html>

../表示目录的相对偏移

./表示当前目录,../表示上一目录

用过linux的cd命令的对这并不陌生的

工作流程

常用配置