📌  相关文章
📜  jQuery UI Datepicker hide() 方法(1)

📅  最后修改于: 2023-12-03 14:43:11.849000             🧑  作者: Mango

jQuery UI Datepicker hide() 方法

简介

hide() 方法是 jQuery UI Datepicker 中的一种方法，该方法用于隐藏日期选择器。当用户从日历中选择一个日期后，调用此方法可以隐藏日期选择器。

用法
语法
$( ".selector" ).datepicker( "hide" );
参数

该方法不接受参数。

示例
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>jQuery UI Datepicker hide() 方法</title>
	<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
	<script src="//code.jquery.com/jquery-1.12.4.js"></script>
	<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
	<script>
	$(function() {
		$( "#datepicker" ).datepicker();
		$( "#hide" ).click(function() {
			$( "#datepicker" ).datepicker( "hide" );
		});
	});
	</script>
</head>
<body>
	<p>选择日期：<input type="text" id="datepicker"></p>
	<button id="hide">隐藏日期选择器</button>
</body>
</html>

在上述示例中，我们创建了一个日期选择器和一个按钮。当用户选择一个日期并单击按钮时，hide() 方法被调用，日历将被隐藏。

备注

hide() 方法是 jQuery UI Datepicker 中的一个方法，它不能用于普通的 jQuery 对象。

参考资料