最稳妥移除laydate底部按钮的方法是使用btns配置项显式指定需保留的按钮，如btns: []可完全不渲染；showbottom: false可一键隐藏整栏；css隐藏为最后手段。
用 btns 配置项直接移除按钮最稳妥
laydate 默认底部显示「清空」「现在」「确定」三个按钮，但它们不是必须的。最干净的做法是通过 btns 显式指定要保留的按钮，没列出来的就不会渲染。
比如只要关闭面板、不提供任何操作入口，就设成空数组：
laydate.render({
elem: '#test',
btns: [] // 完全不渲染底部按钮
});
常见组合还有：
-
btns: ['clear']—— 只留清空按钮 -
btns: ['now']—— 只留「现在」按钮（注意：它只在type: 'datetime'或'time'下有效） -
btns: ['confirm']—— 只留确定按钮（但单独留这个意义不大，因无确认则无法提交）
⚠️ 注意：btns 是覆盖式配置，不是追加；写错值（如拼成 'confim'）会导致整个按钮栏消失且无报错，调试时需核对拼写。
用 showBottom: false 一键隐藏整栏更省事
如果目标只是视觉上“看不见”，而不是彻底移除 DOM，showBottom: false 是最简方案。它会直接禁用底部按钮区域的渲染，连容器都不生成。
适用于这类场景：
- 日期选中后靠
change或done自动赋值+关闭，不需要用户再点按钮 - 表单逻辑已由外部按钮统一控制，日期控件纯作输入辅助
- UI 设计要求极简，连按钮占位都不要
示例：
laydate.render({
elem: '#test',
type: 'month',
showBottom: false,
change: function(value) {
$('#test').val(value);
$('.layui-laydate').remove(); // 点完立刻关
}
});
✅ 这个配置比 CSS 隐藏更可靠——不依赖类名、不触发重排、不担心优先级冲突。
CSS 隐藏 .layui-laydate-btns 是最后手段
当无法修改 JS 初始化逻辑（比如第三方封装组件、权限受限的 CMS 后台），才考虑用样式强行隐藏。Layui 底部按钮容器的类名是 .layui-laydate-btns，不是网上常误传的 .layui-laydate-btns-confirm（那是旧版或自定义扩展的类）。
正确写法：
.layui-laydate-btns { display: none !important; }
但要注意：
- 必须加
!important，否则 Layui 内联样式会覆盖 - 该样式会影响所有 laydate 实例，若页面有多个日期控件，得用父级选择器限定范围，例如
#form1 .layui-laydate-btns - 按钮 DOM 仍在，只是不可见；若用户用键盘 Tab 切换，焦点仍会落到隐藏按钮上，可能引发可访问性问题
别踩 done 回调里手动删按钮的坑
有人试图在 done 回调里用 JS 找到按钮然后 remove()，这是无效的。原因有二：
-
done触发时面板还没关闭，按钮 DOM 尚未从文档流中移除，但后续 laydate 会自己重建或复用浮层，你的删除会被覆盖 - 按钮是事件委托绑定的，删了 DOM 不等于解绑事件，反而可能导致内存泄漏或重复绑定
真正需要干预按钮行为时，应该：
- 用
btns控制初始渲染 - 用
ready回调获取真实 DOM 节点后做定制（比如替换文案、加 loading 状态） - 用
change+$('.layui-laydate').remove()实现「点即关」，绕过按钮流程
按钮区域本身不是交互核心，它的存在只是为了兜底；多数业务场景下，砍掉它反而让逻辑更清晰、体验更直接。
