📌  相关文章
📜  jQuery UI Datepicker yearSuffix 选项(1)

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

jQuery UI Datepicker yearSuffix 选项

简介

jQuery UI Datepicker 是一个可定制的日期选择器插件，在日期输入框中提供了一个日历。yearSuffix 选项允许你自定义日期选择器中年份后缀的文本。

语法
$(selector).datepicker({
  yearSuffix: ""
});
参数
yearSuffix

这个选项用来设置日期选择器中年份后缀的文本。默认为年份。

示例

以下示例演示如何自定义年份后缀的文本：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker yearSuffix 选项</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({
      yearSuffix: "年"
    });
  });
  </script>
</head>
<body>
  <p>Date:
    <input type="text" id="datepicker">
  </p>
</body>
</html>

在上面的代码中，我们设置 yearSuffix 选项为 "年"，结果会显示类似于 "2022年" 的日期格式。如果不设置该选项则默认为 "2022"。

参考链接