給elementui的日期選擇框 設(shè)置時區(qū)

目前我有個report功能，因為涉及到不同國家，使用的人有根據(jù)不同時區(qū)查看的需求。比如我想按中國時間看看報表，又想按照老美時間看看報表。

所以想加一個時區(qū)選擇（下拉框），如下圖所示。

選擇了時區(qū)之后，怎么應(yīng)用到elementui的時間選擇框呢？

下圖是目前選擇之后，日期選擇框model對應(yīng)變量的值

      <el-date-picker
              v-model="valDate"
              type="daterange"
              align="right"
              unlink-panels
              range-separator="to"
              start-placeholder="from"
              end-placeholder="end"
              :picker-options="optionDate"
              @change="query">
      </el-date-picker>