Giriş türü tarihini gg-aa-yyyy biçiminde ayarlamak ve almak için  kullanacağız .  <input> türü özniteliğini kullanmış olacağız.<input> type özelliği, bir tarih seçiciyi veya kontrol alanını tanımlamak için kullanılır. Bu öznitelikte, hangi gün-ay-yıl arasından hangi gün-ay-yıl tarihinin seçilebileceğini ayarlayabilirsiniz. Minimum ve maksimum değerler ayarlanmadıysa, varsayılan minimum değer "01-01-1920" ve varsayılan maksimum değer "01-01-2120" olarak ayarlanır.

Örnek 1: Bu örnek, tarihi gg-aa-yyyy biçiminde almak için <input type = ”date”> özniteliğini kullanır.

<!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>GeeksforGeeks</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> 

Örnek 2: Bu örnek, tarihi gg-aa-yyyy biçiminde almak için <input type = ”date”> özniteliğini kullanır. 

<!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>GeeksforGeeks</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>