weui在对话框中使用picker

最近在工作中接到这么一个需求。
1、使用jquery weui框架。
2、实现点击按钮出现weui对话框，并在对话框中嵌套weui的时间picker。

最初的实现的方法如下(代码已删)：
1、直接弹出picker。
2、使用jq的append等方法追加元素。
3、通过css !important使weui自带的css属性无效，并调整picker所在位置。

结果：成功实现，但是代码太多，看上去很恶心，后续出现 多次渲染元素时，只点击第一个按钮有效，第二个无法正常弹出的bug。

后来的实现方法：
1、调用modal弹出对话框。
2、动态设置modal的css选择器
3、调用picker使其在自己设置的css选择器上内联显示。

这样做完确实很好用，但是只点击第一次正常显示，再点击就无法弹出picker,经多次试验后，发现唯一的css只能调用一次内联picker，而且无法使用内置的方法关闭picker。
于是我通过时间戳创建了动态css选择器，用户选择完时间后，再把选择的数据动态添加到现有的input中。
完整代码如下：

    
        
        
        
        
        
        
        
        
        
        
        
    

    
        签到
        
        

        签退
        
    
    

因为我没找到更好的方法，而且接手项目时基带的jq组件库就是weui，所以我也就懒得自己写一个picker了，这样更快捷。
有条件的情况下，还是建议自己写一个。
最终效果如下：

GIF.gif