html <input type="date"></input>태그 에서 날짜 형식을 설정할 수 있는지 궁금합니다 … 현재 yyyy-mm-dd이지만 dd-mm-yyyy 형식이 필요합니다.
답변
당신은하지 않습니다.
첫째, 질문이 모호합니다. 사용자에게 표시되는 형식을 의미합니까, 아니면 웹 서버로 전송되는 형식을 의미합니까?
사용자에게 표시되는 형식을 의미하는 경우 이는 HTML에서 지정하는 것이 아니라 최종 사용자 인터페이스에 달려 있습니다. 일반적으로 운영 체제 로캘 설정에 설정된 날짜 형식을 기반으로 할 것으로 예상합니다. 표시되는 형식은 (일반적으로 말해서) 사용자의 로케일과 사용자가 날짜를 작성 / 이해하는 데 사용되는 형식에 대해 올바른 형식이므로 선호하는 형식으로 재정의하는 것은 의미가 없습니다.
서버로 전송되는 형식을 의미하는 경우 잘못된 문제를 해결하려는 것입니다. 당신이해야 할 일은 yyyy-mm-dd 형식의 날짜를 받아들이도록 서버 측 코드를 프로그래밍하는 것입니다.
답변
stackoverflow에서 동일한 질문 또는 관련 질문을 찾았습니다.
입력 유형 = “날짜”형식을 변경하는 방법이 있습니까?
하나의 간단한 해결책을 찾았습니다. 미립자 형식을 줄 수는 없지만 이렇게 사용자 지정할 수 있습니다.
HTML 코드 :
<body>
<input type="date" id="dt" onchange="mydate1();" hidden/>
<input type="text" id="ndt" onclick="mydate();" hidden />
<input type="button" Value="Date" onclick="mydate();" />
</body>CSS 코드 :
#dt{text-indent: -500px;height:25px; width:200px;}자바 스크립트 코드 :
function mydate()
{
//alert("");
document.getElementById("dt").hidden=false;
document.getElementById("ndt").hidden=true;
}
function mydate1()
{
d=new Date(document.getElementById("dt").value);
dt=d.getDate();
mn=d.getMonth();
mn++;
yy=d.getFullYear();
document.getElementById("ndt").value=dt+"/"+mn+"/"+yy
document.getElementById("ndt").hidden=false;
document.getElementById("dt").hidden=true;
}산출:
답변
jQuery를 사용하는 경우 여기에 좋은 간단한 방법이 있습니다.
$("#dateField").val(new Date().toISOString().substring(0, 10));또는 오래된 전통적인 방법이 있습니다.
document.getElementById("dateField").value = new Date().toISOString().substring(0, 10)답변
날짜 유형을 지원하는 브라우저에서 정상적으로 작동하고 아직 날짜 유형을 지원하지 않는 파이어 폭스와 같은 다른 브라우저에서 계속 작동하도록하는 다른 속성과 함께 html5 날짜 제어를 그대로 사용하지 않는 이유
<input type="date" name="input1" placeholder="YYYY-MM-DD" required pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}" title="Enter a date in this formart YYYY-MM-DD"/>답변
HTML에는 DD-MM-YYYY 형식에 대한 구문이 없다고 생각합니다. 이 페이지 http://www.java2s.com/Code/SQLServer/Date-Timezone/FormatdateMmmddyyyyhhmmdp.htm을 참조 하십시오 . 어느 정도 도움이 될 것입니다. 그렇지 않으면 자바 스크립트 날짜 선택기를 사용하십시오.
답변
확실히 모르겠지만 사용자의 날짜 / 시간 설정에 따라 브라우저에서 처리해야한다고 생각합니다. 해당 형식으로 날짜를 표시하도록 컴퓨터를 설정해보십시오.
답변
$('input[type="date"]').change(function(){
alert(this.value.split("-").reverse().join("-"));
});