如何更新Polymer 2中moment-js組件的每分鐘時間？

Question

我在Polymer 2中使用moment-js組件。時間不會每分鐘更新一次，我必須刷新頁面才能更新時間。如何在不刷新頁面的情況下每分鐘更新一次？ 我使用下面的代碼：

<moment-js class="clock title" format="hh:mm A"></moment-js> 

Answer 1

由於烏米特指出，從moment-js的_updateFormattedDateMoment()功能將更新顯示的時間。這是你將如何使用它在聚合物2：

class XFoo extends Polymer.Element { 
    static get is() { return 'x-foo'; } 

    connectedCallback() { 
    super.connectedCallback(); 
    setInterval(() => this.updateDate(), 1000); 
    } 

    updateDate() { 
    // assumes <moment-js id="clock" ...> 
    this.$.clock._updateFormattedDateMoment(); 
    } 
} 
customElements.define(XFoo.is, XFoo); 

demo

Answer 2

可以使用保護_updateFormattedDateMoment()功能。

在父組件，您可以做這樣的事情：

created: function() { 
    this.timer = setInterval(this.updateDate, 1000); 
} 

updateDate: function() { 
    var moment = this.root.querySelector('.clock'); 
    moment._updateFormattedDateMoment(); 
}