html5 datetime 입력 - 값 프리젠 테이션을 스타일화할 수 있습니까?

Question

html5 datetime 입력을 스타일화할 수 있습니까?

<input type="datetime" value="2011-08-18T16:49Z"> 

이 ISO 날짜 - 시간 형식은 지나치게 읽을 수 없습니다. CSS 또는 다른 수단을 사용하여 일부 패턴으로 값 표현을 포맷 할 수 있습니까?

편집 : 방금이 질문은 브라우저에 따라 다릅니다. 예를 들어 오페라는 사용자가 잘못된 날짜를 입력 할 수없는 멋진 컨트롤로이 태그를 구현합니다. 그런 다음 브라우저는 올바르게 형식화 된 W3C datetime 문자열을 생성하고이를 서버로 보냅니다. Firfox 6은 표준 입력 만 제공하며 입력 한 내용을 전혀 신경 쓰지 않습니다. Chrome에는 일반 입력란이 있지만 양식 제출 전에 유효한 w3C 문자열을 입력해야합니다.

내 질문에 아무런 의미가 없을 것입니다. 그래서 나는 또 다른 질문을 할 것입니다.이 사용자 입력 필드의 기능/표현을 표준화하는 브라우저에 대한 지침이 있습니까?

Answer 1

일단 양식 데이터가 제출되면 서버 측에서 형식을 지정할 수 있습니다. 서식 지정 클라이언트 쪽에서 CSS를 사용할 수는 없지만 입력 값을 Date 개체에로드하고 해당 개체의 다양한 메서드를 사용하여 날짜의 구성 요소 (getMonth())를 반환하면 javascript를 사용할 수 있습니다. , getDate(), getFullYear() 등). 기본 예제는 http://jsfiddle.net/G4XGP/입니다.

Answer 2

또한, 당신은 또한 사용할 수 있습니다

<input type="date"> 

형식을 -> 2011-08-11