sourcecode

vue2-datepicker에서 시간대를 설정하는 방법

copyscript 2022. 8. 3. 23:08
반응형

vue2-datepicker에서 시간대를 설정하는 방법

vuejs 2.6 어플리케이션에서는 https://github.com/mengxiong10/vue2-datepicker/과 time select 옵션을 함께 사용합니다.

    <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)

문제는 피커에서 시간을 선택하는 것은 모델 var에서 3시간 차이가 난다는 것입니다.타임존이 설정되어 있지 않은 것 같은데, 타임존의 유효한 설정 방법은 무엇입니까?

2) 시간 값이 유효한 날짜/시간 값으로 필요하기 때문에 '2019-04-17T06:50:00.000Z'와 같은 값이 있는데, 여기서 시간:분 값을 얻는 간단한 방법은 무엇입니까?

속성 추가에서 결정을 찾았습니다.

<date-picker
    valueType="format"
    ...
></date-picker>

효과가 있어요!

언급URL : https://stackoverflow.com/questions/58213807/how-to-set-timezone-in-vue2-datepicker

반응형