Question

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

我尝试过的事情
我试图在我的组件中this基于jQuery的Timepicker和this基于Bootstrap的Datetime选择器;但是，jQuery和Boostrap都不是＆＃34; shadow-root＆＃34;意识到与集成在Web组件中的效果不佳。 This SO文章讨论了日期时间选择器;但是，当我选择日期时，收到以下错误：Uncaught Missing instance data for this datepicker。

我也试图使用webshim;但是，我找不到webshim.polyfill()电话的位置。（我已经尝试将它放在Polymer函数以外的每个Polymer callbacks但没有成功）

问题
是否存在允许上述方法工作的解决方法，或者是否有人对不同的日期时间选择器提出了建议？

Answer 1

我使用此bootstrap-datetimepicker。

简易设置：

  <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>

轻松获取日期值：

document.getElementById("date").value

建议Web组件中的日期时间选择器

1 个答案: