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

📅  最后修改于: 2023-12-03 14:43:11.915000             🧑  作者: Mango

jQuery UI Datepicker prevText 选项

jQuery UI Datepicker 是一个功能强大的日期选择器插件，可以方便地为网站添加日期选择功能。其中，prevText 选项用于自定义“上个月”按钮的显示文本。

语法

prevText 选项的语法如下：

$(selector).datepicker({
  prevText: "上一月"
});

其中，selector 表示要绑定日期选择器的 HTML 元素的选择器表达式，prevText 表示要设置的“上个月”按钮的显示文本。

示例

下面是一个简单的示例，演示如何使用 prevText 选项自定义“上个月”按钮的显示文本：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>jQuery UI Datepicker</title>
  <link rel="stylesheet" href="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.css">
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
  <script>
    $(function() {
      $("#datepicker").datepicker({
        prevText: "上个月"
      });
    });
  </script>
</head>
<body>
  <input type="text" id="datepicker">
</body>
</html>

在这个示例中，我们设置了 prevText 选项为"上个月"，这样就可以自定义“上个月”按钮的显示文本了。效果如下：

datepicker

结语

jQuery UI Datepicker 的 prevText 选项可以方便地自定义“上个月”按钮的显示文本，增加了日期选择器的灵活性，方便了开发人员的使用。