在前端开发中，时间选择组件是非常常见的需求。而 jQuery 时间控件则是其中比较常用的一种。除了选择具体日期以外，有时也需要选择年季度。那么，我们该如何实现这一功能呢？

下面是一个使用 jQuery 时间控件选择年季度的示例代码：

// 初始化日期选择器
$('#inputDate').datepicker({
    // 设置格式为 yyq，即年和季度的组合。例如：20214 表示 2021 年第四季度。
    dateFormat: "yyq",
    // 设置初始日期为当前季度
    defaultDate: getCurrentQuarter(),
    // 设置日期的最大值为当前日期
    maxDate: new Date(),
    // 控制用户只能选择季度的第一个月
    onChangeMonthYear: function(year, month, inst) {
        $(this).val($.datepicker.formatDate("yyq", new Date(year, month - 1, 1)));
    }
});

// 获取当前季度的 yyyyq 格式日期
function getCurrentQuarter() {
    var currentDate = new Date();
    var year = currentDate.getFullYear();
    var quarter = Math.floor((currentDate.getMonth() / 3)) + 1;
    return year.toString() + quarter.toString();
}

在代码中，我们首先通过 dateFormat 设置日期格式为 yyq，表示将年和季度拼接在一起。然后，通过 defaultDate 设置时间选择器的初始值为当前季度。同时，通过 maxDate 限定只能选择当前日期之前的季度。

另外，由于我们只想让用户选择季度的第一个月，所以在 onChangeMonthYear 事件中，我们获取用户选择的年和月，然后仅将月份设置为 1，将时间选择器的值强制改为 yyq 格式。

以上就是使用 jQuery 时间控件选择年季度的示例代码。