Polymer，如何将值传递给需要字符串的 paper-date-picker 属性？

Question

我正在尝试使用 paper-date-picker在我的元素之内。 如何将值传递给 paper-date-picker 的“日期”属性？

<!-- This is working: -->
<paper-date-picker date="2000/1/21"></paper-date-picker>


 <!-- This is NOT working: 
 Inside <my-birthdate birthdate="1977/1/2"></my-birthdate> -->
<paper-date-picker date='{{birthdate}}'></paper-date-picker>

这是Plunk .

Answer 1

查看日期选择器的源代码后，它不能很好地处理文本。基本上，您必须添加一个将值转换为日期的观察者。另外，从选择器中删除生日。这是一个简单的例子...

<polymer-element name="my-birthdate" attributes="birthdate">
    <template>
        birthdate = {{birthdate}}
        <paper-date-picker id="picker"></paper-date-picker>
    </template>
    <script>
        Polymer("my-birthdate", {
            birthdateChanged: function (oldValue, newValue) {
                if (newValue)
                    this.$.picker.date = new Date(newValue);
            }
        });
    </script>
</polymer-element>

请记住，我不会在检查新值时出错...您必须这样做。