📅  最后修改于: 2023-12-03 15:02:12.764000             🧑  作者: Mango
jQuery UI 是一个基于 jQuery 的 UI 控件库,提供了一些常用的界面组件,其中包括日期选择器(Datepicker)。日期选择器提供了很多选项,其中之一就是 showCurrentAtPos,它允许你设置显示当前日期的位置。
$( ".selector" ).datepicker({
showCurrentAtPos: number
});
showCurrentAtPos 参数只接受数字类型。它表示在日历中当前日期所在行的位置。如果值为 0,则当前日期将显示在第一行。如果值为 1,则当前日期将显示在第二行,以此类推。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - showCurrentAtPos</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>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
<script>
$( "#datepicker" ).datepicker({
showCurrentAtPos: 2
});
</script>
</body>
</html>
在这个例子中,date picker 会将当前日期显示在第三行(下面是截图):