Question

我正在使用DOM重复生成列表。每个项目都有标题和日期。日期是一个由后端格式化的字符串，如下所示： Example 1

我将[[item.date]]属性绑定到选择器元素以更改值，但是当我然后修改该属性时，格式将更改为默认的Javascript格式，如下所示： Example 2

有什么方法可以防止更新特定标签吗？

一些代码用于解释：

标签：

<div>
    <b>Datum: </b>[[item.startdatum]]
</div>

有问题的标签是[[item.startdatum]]

然后我在这个单元格中编辑它：

<td>
   Starttijd:
   <paper-datetime-picker-item date="{{item.startdatum}}" label="Start"locale="nl"></paper-datetime-picker-item>
   <paper-input value="{{item.startdatum}}" hidden name="start"></paper-input>
</td>

所以我想要的是当我用日期选择器更新它时，第一个标签[[item.startdatum]]不会改变。

Answer 1

您需要在paper-datetime-picker-item。

中指定格式

<paper-datetime-picker-item
  date="{{item.startdatum}}"
  label="Start"
  locale="nl"
  date-format="YYYY-MM-DD kk:mm"
  ></paper-datetime-picker-item>

日期格式使用 momentjs 显示格式。 [1]

此外，您可能不需要paper-input。

[1] - https://momentjs.com/

聚合物 - 防止一个属性更新实例

1 个答案: