gpt4 book ai didi

javascript - Polymer - 绑定(bind)值中的格式日期

转载 作者:搜寻专家 更新时间:2023-11-01 04:39:30 25 4
gpt4 key购买 nike

我在模板中有一个磁贴,我希望它显示一个日期:

  <template>
<px-tile
description=[[date]]
</px-tile>
</template>

其中 date 是元素的属性:

  date: {
type: Date,
}

然而,这将显示整个日期和时间,而我只想要日期。所以我想做的是:

  <template>
<px-tile
description=[[date.toLocaleDateString("en-US")]]
</px-tile>
</template>

但这行不通。如何在此设置中格式化日期?

最佳答案

为此,您可以在 px-tile.html 中安排如下内容:

DEMO

...
</style>
<div>Date : [[localDate]]</div>
...

date: {
type: Date,
observer:'_checkDate'
}


_checkDate(d) {
if (d) {
// you may set the options with this information: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString
var options = { year: 'numeric', month: 'long', day: 'numeric' };
this.set('localDate', d.toLocaleDateString('en-US', options))
}
}

保持父元素与您之前的示例相同,但将属性名称更改为 date 这将是子元素的属性:

 <template>
<px-tile
date=[[date]]>
</px-tile>
</template>

关于javascript - Polymer - 绑定(bind)值中的格式日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52625858/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com