반응형
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
반응형
'sourcecode' 카테고리의 다른 글
이 네 줄의 까다로운 C 코드 뒤에 있는 개념 (0) | 2022.08.03 |
---|---|
Vuex getter(인수가 Typescript에 기록됨) (0) | 2022.08.03 |
다이내믹 콘텐츠를 갖춘 CSS 그리드 레이아웃 내의 Flexbox (0) | 2022.08.03 |
API 데이터로 Vuex 상태를 업데이트할 위치 (0) | 2022.08.03 |
수집되지 않은 참조 오류: photoModule이 정의되지 않았습니다. (0) | 2022.08.03 |