오래된 게시물이지만 Google 검색의 첫 번째 제안, 짧은 답변 아니요, 권장 답변 사용자 정의 날짜 piker와 같은 올바른 제안은 텍스트 상자를 사용하여 날짜 입력을 시뮬레이션하고 원하는 형식을 수행하는 것입니다. , 여기 코드가 있습니다
<html>
<body>
date :
<span style="position: relative;display: inline-block;border: 1px solid #a9a9a9;height: 24px;width: 500px">
<input type="date" class="xDateContainer" onchange="setCorrect(this,'xTime');" style="position: absolute; opacity: 0.0;height: 100%;width: 100%;"><input type="text" id="xTime" name="xTime" value="dd / mm / yyyy" style="border: none;height: 90%;" tabindex="-1"><span style="display: inline-block;width: 20px;z-index: 2;float: right;padding-top: 3px;" tabindex="-1">▼</span>
</span>
<script language="javascript">
var matchEnterdDate=0;
//function to set back date opacity for non supported browsers
window.onload =function(){
var input = document.createElement('input');
input.setAttribute('type','date');
input.setAttribute('value', 'some text');
if(input.value === "some text"){
allDates = document.getElementsByClassName("xDateContainer");
matchEnterdDate=1;
for (var i = 0; i < allDates.length; i++) {
allDates[i].style.opacity = "1";
}
}
}
//function to convert enterd date to any format
function setCorrect(xObj,xTraget){
var date = new Date(xObj.value);
var month = date.getMonth();
var day = date.getDate();
var year = date.getFullYear();
if(month!='NaN'){
document.getElementById(xTraget).value=day+" / "+month+" / "+year;
}else{
if(matchEnterdDate==1){document.getElementById(xTraget).value=xObj.value;}
}
}
</script>
</body>
</html>
1-이 방법은 날짜 유형을 지원하는 브라우저에서만 작동합니다.
2-JS 코드의 첫 번째 기능은 날짜 유형을 지원하지 않고 모양을 일반 텍스트 입력으로 설정하는 브라우저를위한 것입니다.
3- 페이지에서 여러 날짜 입력에이 코드를 사용하려면 함수 호출과 입력 자체에서 텍스트 입력의 ID "xTime"을 다른 것으로 변경하고 물론 원하는 입력 이름을 사용하십시오. 양식 제출.
두 번째 함수 인 4에서 day + "/"+ month + "/"+ year (예 : year + "/"+ month + "/"+ day) 대신 원하는 형식을 사용할 수 있으며 텍스트 입력에서 자리 표시 자 또는 값을 페이지가로드 될 때 사용자의 yyyy / mm / dd
