<input> 요소의 시간 형식(12시간 또는 24시간)을 어떻게 조정하나요?

Question

type=time인 HTML5 입력 요소를 사용하고 있습니다. 문제는 12시간 형식으로 시간을 표시하는데, 저는 24시간 형식으로 표시하고 싶다는 것입니다. 24시간제로 어떻게 설정하나요?

이것은 내 입력 필드입니다:

< /pre>

Answer 1

HTML5 초안에 따르면 input type=time은 "사용자가 선호하는 표시 방법"을 사용하여 구현될 것으로 예상되는 시간을 입력하기 위한 컨트롤을 만듭니다. 그러나 실제로 이는 브라우저의 현지화 규칙을 따르는 위젯을 사용하는 것을 의미합니다. 따라서 주변 콘텐츠의 언어에 관계없이 브라우저 언어, 기본 운영 체제의 언어 또는 시스템 전체 로케일(브라우저에 따라)에 따라 표시가 변경됩니다. 예를 들어 핀란드어 버전의 Chrome을 사용하면 내가 보는 위젯은 표준 24시간제를 사용합니다. 귀하의 상황은 다를 수 있습니다.

그래서 input type=time는 현지화 아이디어를 페이지 작성자의 외부에 완전히 두는 접근 방식을 기반으로 합니다. 이는 의도적인 것입니다. 이 질문은 HTML5 토론에서 몇 번 제기되었으며 변경 사항은 없습니다(예상대로 이 동작을 설명하는 텍스트의 설명은 제외).

input type=time不允许使用pattern和placeholder属性。而且，如果实现了placeholder="hrs:mins"pattern 및 placeholder 속성은 허용되지 않습니다. 또한 placeholder="hrs:mins"가 구현되면 오해의 소지가 있을 수 있습니다. 브라우저의 로캘에서 "."를 시간 구분 기호로 사용하는 경우 사용자는 12:30 대신 12.30(마침표 사용)을 입력해야 할 수 있습니다.

저는 pattern属性的浏览器上，应该使用input type=text이 지원되지 않는다고 결론을 내렸고 일부 JavaScript를 사용하여 입력의 정확성을 확인했습니다.

Answer 2

HTML5 시간 입력

이는 날짜/시간 관련 유형 중 가장 간단한 것으로, 일반적으로 사용자의 운영 체제 로케일에 따라 사용자가 24/12시간제 시간을 선택할 수 있습니다. 반환된 값은 24시간 기준입니다 小时:分钟格式，看起来类似于14:30.

각 브라우저에서 어떻게 보이는지 포함한 자세한 내용은 MDN에서 확인할 수 있습니다.

으아아아