Question

我尝试过Javascript但是它不起作用，任何帮助都会很棒！感谢。

Answer 1

create a Polymer element contains a property初始化为当前年份（由Date#getFullYear()确定）：

＆＃13;

HTMLImports.whenReady(() => {
  class XCopyright extends Polymer.Element {
    static get is() { return 'x-copyright'; }

    static get properties() {
      return {
        year: {
          type: String,
          value: () => new Date().getFullYear()
        }
      };
    }
  }
  customElements.define(XCopyright.is, XCopyright);
});

＆＃13;

main {
  height: calc(100vh - 30px);
}
footer {
  display: flex;
  height: 30px;
  justify-content: center;
}

＆＃13;

<head>
  <base href="https://polygit.org/polymer+v2.1.1/components/">
  <script src="webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="polymer/polymer.html">
</head>
<body>
  <main></main>
  <footer>
    <x-copyright></x-copyright>
  </footer>

  <dom-module id="x-copyright">
    <template>
      <span>&copy; {{year}}</span>
    </template>
  </dom-module>
</body>

＆＃13;

demo

在聚合物中印刷当年

1 个答案: