如何将 jquery ui 小部件嵌入到polymer-dart web 组件中

我尝试嵌入一个 jquery ui 小部件，例如将日期选择器集成到聚合物飞镖网络组件中。

Web 组件的定义如下：

<polymer-element name="my-datepicker">
    <template>
        <div id="datepicker"></div>
    </template>
    <script type="application/dart" src="clickcounter.dart"></script>
</polymer-element>

这个小部件的初始化是在 JS 中完成的

<script>
    $(function() 
    { $( "#datepicker" ).datepicker();});
</script>

如何在我的polymer.dart Web组件中初始化dart中的小部件。

我尝试使用 'dart:js' 来调用该方法，但是我无法使用 dart:js 访问 Shadow dom。

With

shadowRoot.querySelector("#datepicker")

我可以访问 Shadow-dom，但是如何调用 JS 方法 - datepicker() - 其上

您可以将一个元素传递给jQuery而不是选择器。所以下面的代码应该可以工作：

final element = $['datepicker'];
js.context.callMethod(r'$', [element]).callMethod('datepicker');