javascript - 如何在Polymer 2中的moment-js组件中每分钟更新一次时间？

Question

我正在使用moment-js Polymer 2 中的组件。时间不会每分钟更新一次，我必须刷新页面才能更新时间。如何在不刷新页面的情况下每分钟更新一次时间？我正在使用以下代码:

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

Answer 1

正如 Umit 指出的那样，_updateFormattedDateMoment()来自 moment-js 的函数将更新显示的时间。这是在 Polymer 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