小编Mad*_*ads的帖子

我正在尝试使用 date-fns 将 18:00:00.000 转换为 24H (18:00) 和 12H (6PM) 格式。但是，输入值 18:00:00.000 给出“RangeError：无效时间值”。

我的代码

dateFns.format(new Date(18:00:00.000), 'H:mm')

如果我以 dateTime 格式传递时间（例如 2022-01-04T11:00:00.000Z），我没有问题，但我只需要时间（小时和分钟）。

我有一些项目，每个项目都有一个说明，show more末尾有一个链接。单击此链接时，我想触发一个功能。
但是，该方法正确触发并在控制台中打印结果，但更新不会在 Vue 模板中触发。

这是完整的代码：

   <template>
    <main>
      <div class="card" v-for="(item, index) in items" :key="index">
     
        <div class="content">
          <h3 class="card-title">{{item.name}} </h3>
          <p v-if="showMoreText[index]">{{ item.description }}</p>
            <p v-else>{{ item.description.substring(0, 100) }}...<span class="link" @click="showMore(index)">show more</span></p>
        </div>
      </div>
    </main>
  </template>

<script>
export default {
    data() {
        return {
            showMoreText: []
        }
    },
    props: {
        items: Array,
    },
    created() {
  for (let i = 0; i < this.items.length; i++) {
    this.showMoreText[i] = false;
  }
},
    methods: {
        showMore(index) {  
            this.showMoreText[index] = !this.showMoreText[index]
            // …