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

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

jQuery UI Datepicker closeText 选项

简介

jQuery UI Datepicker 插件是一个基于 jQuery 的日期选择器，可以为文本框添加一个交互式日历以选择日期。其中 closeText 选项用于设置关闭按钮的显示文本。

选项

closeText 选项是用于设置关闭按钮显示文本的一个字符串值，默认值为 "Done"。

  • closeText: String
使用方法

可以在初始化时通过设置 closeText 选项来更改关闭按钮的显示文本，例如：

$( ".datepicker" ).datepicker({
  closeText: "Close"
});
示例代码
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker closeText 选项</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
</head>
<body>
 
<label for="datepicker">选择日期: </label>
<input type="text" id="datepicker">
 
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script>
  $( function() {
    $( "#datepicker" ).datepicker({
      closeText: "关闭"
    });
  } );
</script>
 
</body>
</html>
总结

closeText 选项是 jQuery UI Datepicker 插件中用于设置关闭按钮显示文本的一个选项。通过更改该选项的值可以自定义关闭按钮的显示文本。