📌  相关文章
📜  jQuery UI 日期选择器 dayNamesShort 选项(1)

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

jQuery UI 日期选择器 dayNamesShort 选项

简介

jQuery UI 是 jQuery 提供的一个插件，它提供了一系列的交互组件和 UI 工具箱，其中包括日期选择器。日期选择器是一个很实用的组件，用于让用户方便地选择日期。其中，dayNamesShort 选项就是用于设置日期选择器中缩写星期几的字符串数组。

语法

dayNamesShort 选项的语法如下：

$( ".selector" ).datepicker({
  dayNamesShort: [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ]
});

其中，".selector" 是指选择日期选择器的 DOM 元素，dayNamesShort 是选项名称，[] 中是星期几的缩写字符串数组。

参数

dayNamesShort 选项有一下参数：

  • Sun，星期日的缩写字符串
  • Mon，星期一的缩写字符串
  • Tue，星期二的缩写字符串
  • Wed，星期三的缩写字符串
  • Thu，星期四的缩写字符串
  • Fri，星期五的缩写字符串
  • Sat，星期六的缩写字符串
示例

以下是一个简单的日期选择器，其中 dayNamesShort 选项设置了星期几的缩写字符串数组：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Day Names Short</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker({
      dayNamesShort: [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ]
    });
  } );
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker"></p>
 
 
</body>
</html>
总结

dayNamesShort 选项用于设置星期几的缩写字符串数组，方便用户在日期选择器中选择日期。它是 jQuery UI 中日期选择器组件的一部分，可以通过传入参数进行调用。