若依 layui laydate 自定义快捷选项

Question

若依前后端一起的项目中，需要在日历组件下方添加快捷输入项，比如“近7天”,“近30天” 等，效果见下图：（目前使用的是laydate）

第一种：仍然使用laydate来实现。
按照https://blog.csdn.net/qq_3654...这篇里面的写法，不知道要怎么渲染 extraBtns中的项？

第二种：引入vue+element-ui,但是右侧主要内容区域为 切换菜单控制iframe的显示和隐藏，各个子页面为单独的html页面，每个页面都需要new Vue({....})才可以使用data等这些属性，想问下，在传统的jsp这种项目例，这种写法有问题吗？