关于 element-ui 的 datetimepicker无法满足操作需求的一次记录

项目需求：

如图所示：
【核心的需求即为 通过下拉选择时间粒度，从而来控制 分钟数的展示】

上图是最近优化的样式，当初急于实现功能，采用的是下图所示的方案：

【通过图上的注释我们可以得知，是通过 勾选时间粒度 来控制 timepicker的 分钟间隔，但是这样会有一个非常不爽的操作体验】

比如，勾选一个15分钟粒度，那么 timepicker的样式将会是这样：（下拉的时候太多太长）

于是乎：
需求集中于——如何处理这一问题
当初考虑的是用bootstrap风格 时间日期选择器

【类似于 这样 ：让用户自由点击 罗列出来的 年月日 时分】

这样