> 웹 프론트엔드 > JS 튜토리얼 > Safari와 IOS 간 JavaScript의 Date 객체에서 발생하는 호환성 문제

Safari와 IOS 간 JavaScript의 Date 객체에서 발생하는 호환성 문제

php是最好的语言
풀어 주다: 2018-07-28 13:46:19
원래의
1855명이 탐색했습니다.

최근 에디터가 회의실 예약 기능을 개발 중인데, 이 기능은 마치 영화표 구매 시 좌석을 선택하는 것과 마찬가지로 회의실이 무료인 시간대, 이용 가능한 장비 등을 확인할 수 있습니다. 저는 APP을 제작하고 있기 때문에 Android와 IOS 모두 호환되어야 합니다. 초기 개발 및 디버깅에는 Google Chrome을 사용했습니다. 테스트에 큰 문제가 남을 것이라고 누가 알았겠습니까? 끝? 숨겨진 위험? 아래는 내 인터페이스입니다.

Safari와 IOS 간 JavaScript의 Date 객체에서 발생하는 호환성 문제

질문 1:

이 인터페이스는 JavaScript를 사용하여 날짜 객체를 인스턴스화할 때 많은 날짜 유형 계산을 사용합니다. , 다음과 같이 사용할 수 있습니다:

var date =new Date();
로그인 후 복사

위 코드는 현재 날짜를 가져오는 것입니다. 이 코드는 Firefox, Chrome 및 Safari 브라우저에서 실행될 수 있습니다. 하지만 문자열을 기반으로 날짜를 얻으려면 문제가 발생합니다. 아래 코드를 보세요.

var date =new Date("2016-05-31 08:00");
로그인 후 복사

이 코드는 문자에 지정된 날짜를 가져오는 것입니다. Firefox 및 Chrome에서 실행할 수 있지만 Safari에 배치하면 오류가 보고됩니다. 이는 Not을 의미합니다. 숫자. 이 오류로 인해 애플폰에서는 제가 개발한 인터페이스가 정상적으로 실행되지 못했습니다. 당시에는 거의 우울할 지경이었습니다. js를 300줄 정도 썼는데, 거의 다 시간과 관련된 내용이었는데, 값을 취하거나 값을 할당하거나 말이죠. 계산 중입니다. 이제 IOS는 지원되지 않습니다. . . . . . .

인터넷에서 검색해서 이렇게 코드를 작성했습니다.

var date =new Date("2016/05/31 08:00");
로그인 후 복사

이렇게 안드로이드와 IOS가 공유할 수 있는 기능을 작성하고 교체해봤습니다!

  1. function GetDateDiff(startDiffTime, endDiffTime) {

  2. /xxxx-xx-xx 시간 형식을 xxxx/xx/xx 형식으로 변환

    #🎜 🎜##🎜 🎜#startTime = startDiffTime.replace(/-/g, "/");

  3. endTime = endDiffTime.replace(/- /g, " /");


  4. };


  5. 질문 2:

HTML5에는 새로운 캘린더 컨트롤이 있습니다. 컨트롤 유형이 "datetime-local"인 경우 Chrome인 경우 날짜입니다. 컨트롤 표시 형식은 2016/05/30 08:00입니다. Safari의 경우 날짜 표시 형식은 2016-05-31T08:00입니다. JQuery를 사용하여 값을 가져오고 할당하는 경우 이 방법을 사용해야 합니다. 값 할당: 이 달력 컨트롤의 ID가 timeDate라고 가정하면 코드는 다음과 같습니다.

$("#timeDate').val("2016-05-30T08:30");
로그인 후 복사

$("#timeDate').val("2016/05/30 08:30" 사용 ); 오류가 보고됩니다. #🎜 🎜#

관련 기사:

Safari의 JavaScript의 새로운 날짜 및 기타 날짜 기능에서 발생하는 함정

# 🎜🎜#

#🎜🎜 #JavaScript의 날짜 객체

관련 동영상:

JS 내장 객체-날짜 날짜 object-JavaScript 기본 비디오 튜토리얼

# 🎜🎜#

위 내용은 Safari와 IOS 간 JavaScript의 Date 객체에서 발생하는 호환성 문제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿