📜  jQuery UI 日期选择器 showCurrentAtPos 选项(1)

📅  最后修改于: 2023-12-03 15:02:12.764000             🧑  作者: Mango

jQuery UI 日期选择器 showCurrentAtPos 选项

简介

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 会将当前日期显示在第三行(下面是截图):

showCurrentAtPos 选项演示截图

注意事项
  • 如果 showCurrentAtPos 参数设置的值大于当前月份的总行数,则不会有任何效果。
  • showCurrentAtPos 参数不能用于 inline 类型的日期选择器。