引导vue数据报警器显示UTC

Question

我使用的是来自b-form-datepicker的引导-vue控件。我希望根据当前的UTC时间(而不是浏览器的本地时间)使用日期初始化控件。

因此，如果它是中央时间(当前UCT-5)中的July 17, 2020 9:00 PM，那么日历中给出的日期应该是July 18, 2020，因为它对应于July 18, 1:00 AM。这个是可能的吗？

我可以这么做：

const today = new Date();
const d = new Date(Date.now() + (60 * 1000 * today.getTimezoneOffset()))

即使结果的Date对象不是正确的时间，它也能工作，因为日历只显示日期部分，而不显示时间。我希望有更好的解决办法。

我正在像这样初始化控件的v-model：

<template>
    ...
    <b-form-datepicker
        v-model="myDate"
        :date-format-options="{ weekday: 'short', month: 'long' }"
    ></b-form-datepicker>
    ...
</template>

<script>
    ...
    export default {
        data() {
            return {
                myDate: new Date()
            }
         }
    ...
    }
</script>

Answer 1

至于文档，toISOString总是返回UTC 0。这样你就可以用这种方式实例化你的约会对象了。我在我的时区尝试过它的工作。Vue-日期选择器接受字符串并使用传递的时区Z生成对象本身。

<template>
    ...
    <b-form-datepicker
        v-model="myDate"
        :date-format-options="{ weekday: 'short', month: 'long' }"
    ></b-form-datepicker>
    ...
</template>

<script>
    ...
    export default {
        data() {
            return {
                myDate: new Date().toISOString()
            }
         }
    ...
    }
</script>