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

Question

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

我将 [[item.date]] 属性绑定到选择器元素以更改值，但是当我修改该属性时，格式更改为默认的 Javascript 格式，如下所示： 例 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/