nz-range-picker 按照当前时区显示

`nz-range-picker` 是 Ant Design Vue 中的一个日期选择组件，它允许用户选择一个范围，比如日期、时间或日期时间。如果你想让它按照当前用户的时区显示，首先你需要确认这个组件本身是否支持设置时区，如果不直接提供该功能，你可以通过以下步骤间接实现：

1. 获取用户的时区信息：可以利用浏览器提供的 `Intl.DateTimeFormat().resolvedOptions().timeZone` 来获取用户的当前时区。

2. 设置日期格式：在 rangePicker 的选项（props）中，设置 `valueFormat` 或者 `picker-options.format` 属性，传递一个接受时区偏移量的函数，将选中的日期转换成指定时区的格式。

<template>
  <nz-range-picker
    :value="dateRange"
    :value-format="formatDate"
    :picker-options="{
      format: 'YYYY-MM-DD HH:mm',
      // 如果需要，也可以设置其他相关的时区选项
      // timezone: 'yourTimeZoneOffsetString'
    }"
  />
</template>

<script>
export default {
  data() {
    return {
      dateRange: [],
      formatDate(date) {
        const { timeZone } = this.getUserTimeZone();
        const formattedDate = new Intl.DateTimeFormat('en-US', { timeZone }).format(date);
        return formattedDate;
      },
      getUserTimeZone() {
        // 使用浏览器 API 获取时区偏移字符串
        return { timeZone: window.navigator.userAgent.match(/([\+\-]\d{4}(?:\.\d{2})?)|Etc/GMT/gi)[0] };
      }
    };
  }
};
</script>

这样，当你选择日期时，`nz-range-picker` 就会按照用户当前的时区显示了。