2014-07-06 2 views
0

모든 주요 데스크톱 브라우저에서 동일한 날짜 모양의 사용자 지정 날짜 피커를 만들고 싶습니다. jquery-ui를 사용하여 Chrome에서 기본 datepicker를 사용하지 않도록 설정했으나 Opera에서이를 수행하는 방법을 찾을 수 없습니다.오페라에서 기본 datepicker 사용 안 함

답변

0

내가 어떻게 기본 오페라 날짜 선택기를 사용하지 않도록 설정하는 모든 솔루션을 찾을 수 없습니다, 그래서 일로부터 입력 요소의 유형을 변경하기로 결정 텍스트, jquery-ui datepicker 초기화 직후. 덕분에 날짜 회전기 또는 지우기 단추와 같은 다른 기본 요소를 제거했습니다. 그것은 모든 최신 브라우저에서 완벽하게 작동합니다.

1

Modernizr은 브라우저에 기본 datepicker 지원 여부를 확인하는 데 사용할 수 있습니다. 존재하는 경우, JQuery와 UI의 날짜 선택기를 추가 할 수 있습니다 :

if (Modernizr.inputtypes.date) { 
// add here jquery UI datepicker 

}

+0

예, 내가 모더 나이저 알고 있어요,하지만 난 완 네이티브 메커니즘이 있는지 여부에 관계없이 모든 브라우저에서 내 맞춤 달력을 사용하지 마십시오. 답변을 주셔서 감사합니다. – Lutet

2

이 질문에 이미 답변되었지만 this post에 더 좋은 해결책이 있다는 것을 알고 있습니다.


화살표 숨기려면 :

input::-webkit-calendar-picker-indicator{ 
    display: none; 
} 

을 그리고 프롬프트 숨길 수 :

는 말한다

input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important; 
}