在 vuejs 2.6 应用程序中,我使用https://github.com/mengxiong10/vue2-datepicker/和时间选择选项:
<date-picker
v-model="hostelExtraDetails.reception_hours_start"
type="time"
:time-picker-options="timePickerOptions"
id="cbx_extra_details_reception_hours_start"
:lang="'en'"
:type="'time'"
:format="'hh:mm'"
:header="'HTRF'"
:placeholder="'Select time from picker'"
></date-picker>
import Vue from 'vue';
import moment from 'moment-timezone'
moment.tz.setDefault('Europe/Kiev')
import DatePicker from 'vue2-datepicker' // https://github.com/mengxiong10/vue2-datepicker
export default {
name: 'new',
components: {DatePicker}, // https://github.com/mengxiong10/vue2-datepicker
data() {
return {
...
timePickerOptions: {
start: '00:00',
step: '00:10',
end: '23:50'
},
loadData() {
this.hostelExtraDetails.reception_hours_start = // I need time value into valid datetime value
this.stringIntoDatetime("2019-04-17 " + response.data.hostelExtraDetails.reception_hours_start)
Run Code Online (Sandbox Code Playgroud)
问题是,在选择器中选择某个时间,我发现模型变量有 3 小时的差异。我想未设置时区,设置时区的有效方法是什么?
2)因为我需要将时间值转换为有效的日期时间值,所以我有一个类似于“2019-04-17T06:50:00.000Z”的值,这是从中获取小时:分钟值的简单方法?
我发现添加属性的决定:
<date-picker
valueType="format"
...
></date-picker>
Run Code Online (Sandbox Code Playgroud)
它有效!