Я знаю, що це стара публікація, але вона приходить як перша пропозиція в пошуку Google, коротка відповідь ні, рекомендована відповідь користувачеві користувальницький пікер дати, правильна відповідь, яку я використовую, використовує текстове поле для імітації введення дати та будь-якого формату, який ви хочете , ось код
<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- якщо ви будете використовувати цей код для введення кількох дат на своїй сторінці, будь ласка, змініть ідентифікатор "xTime" тексту введення як у виклику функції, так і вхід сам на щось інше, і, звичайно, використовуйте ім'я вводу, який ви хочете для подати форму.
4-друга функція, ви можете використовувати будь-який потрібний вам формат замість дня + "/" + місяць + "/" + рік, наприклад, рік + "/" + місяць + "/" + день, а при введенні тексту використовуйте заповнювач або значення як yyyy / mm / dd для користувача при завантаженні сторінки.
