iView 에서 시간 컨트롤 을 선택 하 는 시간 이 항상 하루 가 적은 문 제 를 해결 합 니 다.

오늘 iview 로 전단 페이지 개발 을 할 때 이상 한 문제 가 발생 했 습 니 다.

그때 저 는 궁금 해 했 습 니 다.이 iview 의 시간 컨트롤 이 정말 신 기 했 습 니 다.저 는 바 이 두 구 글 에 반나절 동안 있 었 습 니 다.나중에 공식 문 서 를 봤 는데 제 가 시간 을 얻 는 방식 이 맞지 않 았 습 니 다.저 는 l 로 v-mode 에 연결 되 었 습 니 다.이렇게 연결 한 후에 얻 은 시간 은 utc 시간 인 것 같 습 니 다.만약 에 정확 한 시간 을 얻 으 려 면@on-change 사건 을 통 해 연결 하면 됩 니 다.(주의,@on-change 로 시간 을 얻 을 때 v-model 을 추가 할 수 없습니다.그렇지 않 으 면 얻 은 시간 이 그대로 입 니 다.여기 서 주의해 야 합 니 다.저 는 구덩이 에 들 어간 적 이 있 습 니 다)다음 코드:

<div class="height-400px" v-show="threeStep">
 <div class="layout-content-main" style="margin-left: 50px; margin-top: 30px;">
 <FormItem label="    ">
   <span>
    <DatePicker type="date" @on-change="getStartTime" placeholder="    " style="width: 200px"></DatePicker>
    <span> </span>
    <DatePicker type="date" @on-change="getEndTime" placeholder="    " style="width: 200px"></DatePicker>
   </span>
 </FormItem>
 </div>
@on-change 시간 에 시간 코드 를 가 져 오 는 것 에 대해 저도 붙 였 습 니 다.다음 과 같 습 니 다.

 getStartTime: function (starTime) {
 console.log(startTime)
},
그 다음 에 Vue 의 시간 여행 을 통 해 제 가 선택 한 시간 은 현재 시간 입 니 다.제 가 사용 한 시간 이 없 기 때문에 선택 한 후에 연월일 만 있 습 니 다.이것 은 프로젝트 의 요구 에 따라 선택 할 수 있 습 니 다.다음 그림 과 같 습 니 다.

자,이것 은 제 가 vue 를 사용 하여 전단 페이지 를 만 들 때 겪 은 작은 문제 입 니 다.공유 하 세 요.저 와 같은 사람 을 만 나 는 데 도움 이 되 기 를 바 랍 니 다.vue 를 처음 만 났 을 때 큰 신 은 저 를 뿌리 지 마 세 요!
이상 의 이 문 제 는 iView 에서 시간 컨트롤 을 선택 하 는 시간 이 항상 하루 가 적은 문 제 를 해결 하 는 것 입 니 다.바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 께 참고 가 되 고 저희 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기