You are currently viewing Как установить дату ввода в формате дд-мм-гггг с помощью HTML ?

Как установить дату ввода в формате дд-мм-гггг с помощью HTML ?

Чтобы установить и получить дату ввода типа в формате дд-мм-гггг, мы будем использовать <input> type attribute. Атрибут <input> тип используется для определения средства выбора даты или поля управления. В этом атрибуте вы можете задать диапазон, из которого можно выбрать день-месяц-год и из которого можно выбрать дату дня-месяца-года. Если минимальные и максимальные значения не заданы, то минимальное значение по умолчанию равно “01-01-1920”, а максимальное значение по умолчанию равно “01-01-2120”.

Пример 1: 

В этом примере используется атрибут <input type=”date”> для получения даты в формате дд-мм-гггг.

<!DOCTYPE html>
<html>

<head>
	<title>
		How to get input type date
		in dd-mm-yyyy format ?
	</title>
	
	<style>
		body {
			text-align: center;
		}
		h1 {
			color: green;
		}
	</style>
</head>

<body>
	<h1>ProgramBox</h1>
	
	<h3>
		Get input date in
		dd-mm-yyyy format
	</h3>
	
	<label for="start">
		Enter the Date:
	</label>

	<input type="date" name="begin"
		placeholder="dd-mm-yyyy" value=""
		min="1997-01-01" max="2030-12-31">
</body>

</html>

Выход:

Пример 2: 

В этом примере используется атрибут <тип ввода=”дата”> для получения даты в формате дд-мм-гггг.

<!DOCTYPE html>
<html>

<head>
	<title>
		How to get input type date
		in dd-mm-yyyy format ?
	</title>
	
	<style>
		body {
			text-align: center;
		}
		h1 {
			color: green;
		}
	</style>
</head>

<body>
	<h1>ProgramBox</h1>
	
	<h3>
		Get input date in
		dd-mm-yyyy format
	</h3>
	
	<label for="Date of Birth">
		Enter the Date:
		<input type="date" name="date">
	</label>
</body>

</html>

Выход: