Twitter bootstrap 建议在web组件中使用日期时间选择器

我正在创建一个web组件，它需要包含选择特定日期和时间的功能，并且很难找到可以在基于聚合物的web组件中使用的日期时间选择器

我尝试过的事情
我尝试在我的组件中使用基于jQuery的时间选择器和基于引导的日期时间选择器；然而，jQuery和Boostrap都没有“影子根”意识，它们不能很好地集成到web组件中。所以本文讨论了一个日期时间选择器；但是，当我选择一个日期时，我收到以下错误：

未捕获此日期选择器缺少的实例数据

我也尝试过使用；但是，我找不到放置

webshim.polyfill（）调用的位置。（我曾尝试将其置于聚合物功能之外，也尝试将其置于每种聚合物功能之外，但均未成功）

问题

是否存在允许上述方法发挥作用的变通方法，或者是否有人对web组件友好的不同日期时间选择器有建议？
我使用此方法

轻松设置：

  <div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
     <input id="date" class="span2" size="16" type="text" value="12-02-2012">
     <span class="add-on"><i class="icon-th"></i></span>
</div>

除非我遗漏了什么，否则我认为它不支持选择一个需要的时间。你能澄清一下吗？OP声明时间是一项要求
document.getElementById("date").value