📅 最后修改于: 2023-12-03 15:16:46.205000 🧑 作者: Mango
jQuery UI 日期选择器是一个功能强大且高度可定制的日期选择器插件。showCurrentAtPos选项是日期选择器的一个选项，它控制在日历视图中当前日期的显示位置。
showCurrentAtPos选项的值可以设置为0或1。当设置为0时，日期选择器会在日历视图中下方显示当前日期，当设置为1时，日期选择器会在日历视图中上方显示当前日期。默认情况下，showCurrentAtPos的值为0。
以下是showCurrentAtPos选项的用法示例：
$( ".selector" ).datepicker({
showCurrentAtPos: 1
});
以下代码演示如何使用showCurrentAtPos选项将日期选择器中的当前日期显示在日历视图中的上方：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Show Current At Pos Option</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({
showCurrentAtPos: 1
});
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>
该代码会产生一个日期选择器，其中当前日期会在日历视图的上方显示。如果您将showCurrentAtPos选项的值更改为0，那么当前日期将在日历视图的下方显示。
showCurrentAtPos选项提供了更高的灵活性，可以自定义日期选择器中当前日期的显示位置，让用户更方便的浏览和选择日期。