laydate 不原生支持季度选择，需用 type: 'month' + disabledDate 限制仅 1/4/7/10 月可选，并在 done 回调中计算季度（如 Math.floor((month-1)/3)+1）并赋值为 "2024-Q1" 格式。
laydate 怎么开启季度选择模式
laydate 本身不原生支持「季度」或「半年」粒度的选择，但可以通过自定义 type 为 "year" 或 "month"，再配合 trigger、format 和 done 回调手动拦截和格式化，模拟季度选择效果。最直接可行的方式是用 type: "month" + 限制月份范围 + 自定义显示文本。
常见错误是直接设 type: "quarter" —— 这会报错：Uncaught Error: laydate.render: type must be year/month/date/time/datetime，因为 quarter 不在合法值列表中。
- 设置
type: "month"，这是唯一能控制到“某一季度内某个月”的基础类型 - 用
format: "yyyy- Q"是无效的（laydate 不识别Q占位符），必须用 JS 手动转成“2024-Q1”这类字符串 - 在
done回调里拿到选中的年份和月份，计算所属季度：Math.floor((month - 1) / 3) + 1 - 把最终值写入 input 时，不要写真实日期，而是拼接如
"2024-Q2"；同时建议加showBottom: false隐藏底部栏，避免用户误点“清空”或“现在”
laydate.render({
elem: '#quarterPicker',
type: 'month',
format: 'yyyy-MM',
trigger: 'click',
showBottom: false,
done: function(value, date, endDate) {
const year = date.year;
const month = date.month; // 注意：laydate 的 month 是 1~12
const quarter = Math.floor((month - 1) / 3) + 1;
const quarterStr = `${year}-Q${quarter}`;
this.elem.value = quarterStr; // 直接写入 input
}
});怎么让 laydate 只允许点选 Q1/Q2/Q3/Q4 对应的起始月
用户点击任意月份都可能跨季度（比如点 3 月和 4 月都属 Q2），但业务常要求「一次只选一个季度」，且希望视觉上只看到四个可点项。laydate 没有内置季度面板，所以得靠禁用非起始月来约束操作范围。
例如：只允许点 1 月（Q1）、4 月（Q2）、7 月（Q3）、10 月（Q4），其余月份置灰不可选。这要用 ready 和 change 配合 mark 或更可靠的 disabledDate。
-
disabledDate是关键：返回 true 表示该日期/月份禁用 - 对
type: "month"，date参数是 {year: xxx, month: xxx, date: 1}，其中month是 1~12，可据此判断是否为季度首月 - 只启用 1/4/7/10 月：
return ![1,4,7,10].includes(date.month) - 注意：禁用后，用户仍可通过输入框手动填值，所以服务端必须二次校验，不能只信前端
laydate.render({
elem: '#quarterPicker',
type: 'month',
format: 'yyyy-MM',
disabledDate: function(date) {
return ![1,4,7,10].includes(date.month);
},
done: function(value, date) {
const q = Math.floor((date.month - 1) / 3) + 1;
this.elem.value = `${date.year}-Q${q}`;
}
});半年（H1/H2）选择怎么搞
半年逻辑和季度类似，但粒度更大：H1 对应 1–6 月，H2 对应 7–12 月。同样不能用新 type，只能复用 type: "month" 并限制可选月份为 1 月或 7 月。
容易忽略的一点：半年的显示文案不能写成 "2024-H1" 就完事——如果用户选了 7 月，你得确认他本意是 H2，而不是手误；所以最好在面板标题或 placeholder 里提前提示“请选择上半年（1月）或下半年（7月）”。
- 可选月份锁定为
[1, 7] - 计算半年：若
month === 1→ H1；若month === 7→ H2 - 建议加
btns: ['confirm']去掉“清空”，防止用户清空后留空提交 - 如果业务允许“仅显示半年不显示具体月”，可把 input 设为
readonly，彻底禁用手动输入
laydate.render({
elem: '#halfYearPicker',
type: 'month',
format: 'yyyy-MM',
btns: ['confirm'],
disabledDate: function(date) {
return ![1,7].includes(date.month);
},
done: function(value, date) {
const half = date.month === 1 ? 'H1' : 'H2';
this.elem.value = `${date.year}-${half}`;
}
});为什么不用 laydate v5+ 的 range 模式做季度
有人试过用 type: "date" + range: true 让用户拖选 1–3 月来表示 Q1，这看似直观，但实际问题很多：
- 用户可能选 2024-02-15 到 2024-04-10，这不是标准季度，校验成本高
- laydate 的 range 模式返回的是两个日期字符串（如
"2024-01-01 - 2024-03-31"），需额外解析并规整为季度标识，易出错 - 移动端 range 选择体验差，滑动不精准，且无法限制起止必须在同一年
- UI 上看不出“这是季度选择”，容易和普通日期区间混淆
所以除非业务明确要支持“任意起止日”，否则季度/半年这种固定周期，用 type: "month" + 禁用 + 格式化是最稳的路径。复杂点在于：所有逻辑都在前端回调里，一旦忘记在 done 里重写 input 值，或者没做 disabledDate，就等于没生效。
