Vue md-不能对时间片进行排序

// 假设timeSlices是一个包含时间片的数组，每个时间片是一个对象，有一个timestamp属性
const timeSlices = [
  { id: 1, timestamp: '2023-04-01T10:00:00Z' },
  { id: 2, timestamp: '2023-04-01T09:00:00Z' },
  // 更多时间片...
];

timeSlices.sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));

export default {
  data() {
    return {
      timeSlices: []
    };
  },
  methods: {
    sortTimeSlices() {
      this.timeSlices = [...this.timeSlices].sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));
    }
  }
};

<template>
  <div>
    <button @click="sortTimeSlices">Sort Time Slices</button>
    <ul>
      <li v-for="slice in timeSlices" :key="slice.id">{{ slice.timestamp }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      timeSlices: [
        { id: 1, timestamp: '2023-04-01T10:00:00Z' },
        { id: 2, timestamp: '2023-04-01T09:00:00Z' },
        // 更多时间片...
      ]
    };
  },
  methods: {
    sortTimeSlices() {
      this.timeSlices = [...this.timeSlices].sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));
    }
  }
};
</script>