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

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

jQuery UI 日期选择器 showMonthAfterYear 选项

在使用 jQuery UI 日期选择器时，我们可以使用 showMonthAfterYear 选项来决定月份和年份的显示顺序。当 showMonthAfterYear 为 true 时，月份会在年份后面显示；当 showMonthAfterYear 为 false 时，月份会在年份前面显示。

语法
$( ".selector" ).datepicker({
  showMonthAfterYear: true|false
});
实例

以下代码演示了如何使用 showMonthAfterYear 选项，将月份显示在年份后面。

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>jQuery UI 日期选择器 showMonthAfterYear 选项</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>
	<script>
	$(function() {
		$( "#datepicker" ).datepicker({
			showMonthAfterYear: true
		});
	});
	</script>
</head>
<body>
	<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>
Markdown代码
# jQuery UI 日期选择器 showMonthAfterYear 选项

在使用 jQuery UI 日期选择器时，我们可以使用 showMonthAfterYear 选项来决定月份和年份的显示顺序。当 showMonthAfterYear 为 true 时，月份会在年份后面显示；当 showMonthAfterYear 为 false 时，月份会在年份前面显示。

## 语法
```javascript
$( ".selector" ).datepicker({
  showMonthAfterYear: true|false
});
实例

以下代码演示了如何使用 showMonthAfterYear 选项，将月份显示在年份后面。

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>jQuery UI 日期选择器 showMonthAfterYear 选项</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>
	<script>
	$(function() {
		$( "#datepicker" ).datepicker({
			showMonthAfterYear: true
		});
	});
	</script>
</head>
<body>
	<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>

注意，要使用 showMonthAfterYear 选项，我们需要引入jQuery UI的CSS和JS库。