聚合物定制元素相互干扰

Question

我写了一个自定义的Polymer元素，让用户选择一个月。您可以在https://github.com/HoverBaum/month-picker

查看代码

不，我想用它来选择一系列日期。因此用户应选择开始和结束 我在页面中添加了两个元素，试试这个。但由于某种原因，我只能更改第二个元素的选择。看起来这两者在某种程度上相互干扰。通常我会说＆＃34;因为他们使用相同的ID等。＆＃34;但我以为Polymer会照顾这些事情。

这是我的小型演示页面：

<div id="timespan">
<span>Start <month-picker></month-picker></span>
<span>End <month-picker></month-picker></span>
</div>

工作方式是显示所选日期，当您单击它时会打开一个对话框，允许您更改所选月份。但由于某种原因，两个元素只打开第二个对话框。

Answer 1

能够通过更贴近Polymer语法来解决这个问题。我试图在options函数中没有定义所有内容。事实证明，这使我无法访问正确的对话框。