仅在 jQuery UI DatePicker 中显示月份和年份
jQuery UI 的 DatePicker 插件提供了自定义其外观的灵活性。对于不需要显示完整日历的场景，用户可能只想显示月份和年份。
解决方案：
为了实现这一点，“hackish”但功能性方法涉及以编程方式隐藏日历组件并修改 JavaScript 配置。下面是一个示例：
<html>
<head>
<script src="jquery.js"></script>
<script src="jquery-ui.min.js"></script>
<link rel="stylesheet" href="jquery-ui.css">
<script>
$(function() {
$('.date-picker').datepicker({
changeMonth: true,
changeYear: true,
showButtonPanel: true,
dateFormat: 'MM yy',
onClose: function(dateText, inst) {
$(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
}
});
});
</script>
<style>
.ui-datepicker-calendar {
display: none;
}
</style>
</head>
<body>
<label for="startDate">Date:</label>
<input name="startDate">此方法会禁用日历的可见性，同时保留月份和年份选择功能。 onClose 事件处理程序将所选日期调整为所选月份和年份的第一天，确保输入框中仅显示月份和年份。
增强的解决方案：
随着时间的推移，出现了更完善的解决方案，解决了原始方法中的潜在缺陷。其中一种解决方案涉及重写 jQuery UI 的 _selectDay 方法以防止日历日可供选择。这种方法可以更稳健地处理日期输入，同时仍然提供所需的月份和年份显示。
以上是如何在 jQuery UI DatePicker 中仅显示月份和年份？的详细内容。更多信息请关注PHP中文网其他相关文章！
