Years Months days HTML Drop-down List

Copy and paste HTML select options list Year Month And Day. The name of the month is available in all languages. Arabic Digit Number Year Day Drop down Select

Week name and month name are available in local languages

Contents

Year select
Month select
Day select
Week day name select
Time Hour List select

HTML Years Drop down Select List

Give the number of years from which the year should begin and click generate button. And if you want to show the year in Arabic number, tick the checkbox Arabic number.

Year start

Year end

Arabic Number Year

HTML

<select class="form-select" id="year" name="year">
    <option value="">year</option>
	<option value="1940">1940</option>
	<option value="1941">1941</option>
	<option value="1942">1942</option>
	<option value="1943">1943</option>
	<option value="1944">1944</option>
	<option value="1945">1945</option>
	<option value="1946">1946</option>
	<option value="1947">1947</option>
	<option value="1948">1948</option>
	<option value="1949">1949</option>
	<option value="1950">1950</option>
	<option value="1951">1951</option>
	<option value="1952">1952</option>
	<option value="1953">1953</option>
	<option value="1954">1954</option>
	<option value="1955">1955</option>
	<option value="1956">1956</option>
	<option value="1957">1957</option>
	<option value="1958">1958</option>
	<option value="1959">1959</option>
	<option value="1960">1960</option>
	<option value="1961">1961</option>
	<option value="1962">1962</option>
	<option value="1963">1963</option>
	<option value="1964">1964</option>
	<option value="1965">1965</option>
	<option value="1966">1966</option>
	<option value="1967">1967</option>
	<option value="1968">1968</option>
	<option value="1969">1969</option>
	<option value="1970">1970</option>
	<option value="1971">1971</option>
	<option value="1972">1972</option>
	<option value="1973">1973</option>
	<option value="1974">1974</option>
	<option value="1975">1975</option>
	<option value="1976">1976</option>
	<option value="1977">1977</option>
	<option value="1978">1978</option>
	<option value="1979">1979</option>
	<option value="1980">1980</option>
	<option value="1981">1981</option>
	<option value="1982">1982</option>
	<option value="1983">1983</option>
	<option value="1984">1984</option>
	<option value="1985">1985</option>
	<option value="1986">1986</option>
	<option value="1987">1987</option>
	<option value="1988">1988</option>
	<option value="1989">1989</option>
	<option value="1990">1990</option>
	<option value="1991">1991</option>
	<option value="1992">1992</option>
	<option value="1993">1993</option>
	<option value="1994">1994</option>
	<option value="1995">1995</option>
	<option value="1996">1996</option>
	<option value="1997">1997</option>
	<option value="1998">1998</option>
	<option value="1999">1999</option>
	<option value="2000">2000</option>
	<option value="2001">2001</option>
	<option value="2002">2002</option>
	<option value="2003">2003</option>
	<option value="2004">2004</option>
	<option value="2005">2005</option>
	<option value="2006">2006</option>
	<option value="2007">2007</option>
	<option value="2008">2008</option>
	<option value="2009">2009</option>
	<option value="2010">2010</option>
	<option value="2011">2011</option>
	<option value="2012">2012</option>
	<option value="2013">2013</option>
	<option value="2014">2014</option>
	<option value="2015">2015</option>
	<option value="2016">2016</option>
	<option value="2017">2017</option>
	<option value="2018">2018</option>
	<option value="2019">2019</option>
	<option value="2020">2020</option>
	<option value="2021">2021</option>
	<option value="2022">2022</option>
	<option value="2023">2023</option>
	<option value="2024">2024</option>
</select>

Months Name HTML Drop-down Select

Select a language for the month name. Months name in French and Arabic, German, Bengali, Malayalam, Tamil, and available other languages.

Set month value and option text. You can set the option text month name and with the month number.

Set value month name

Option = month number (1) January

Short month name (Jan, Feb)

Months name in local language

Months name in mother tongue

HTML

<select class="form-select" id="month" name="month">
    <option value="">month</option>
	<option value="01">January</option>
	<option value="02">February</option>
	<option value="03">March</option>
	<option value="04">April</option>
	<option value="05">May</option>
	<option value="06">June</option>
	<option value="07">July</option>
	<option value="08">August</option>
	<option value="09">September</option>
	<option value="10">October</option>
	<option value="11">November</option>
	<option value="12">December</option>
</select>

HTML Days Drop down Select List

Arabic Number Day

HTML

<select class="form-select" id="day" name="day">
    <option value="">day</option>
	<option value="01">01</option>
	<option value="02">02</option>
	<option value="03">03</option>
	<option value="04">04</option>
	<option value="05">05</option>
	<option value="06">06</option>
	<option value="07">07</option>
	<option value="08">08</option>
	<option value="09">09</option>
	<option value="10">10</option>
	<option value="11">11</option>
	<option value="12">12</option>
	<option value="13">13</option>
	<option value="14">14</option>
	<option value="15">15</option>
	<option value="16">16</option>
	<option value="17">17</option>
	<option value="18">18</option>
	<option value="19">19</option>
	<option value="20">20</option>
	<option value="21">21</option>
	<option value="22">22</option>
	<option value="23">23</option>
	<option value="24">24</option>
	<option value="25">25</option>
	<option value="26">26</option>
	<option value="27">27</option>
	<option value="28">28</option>
	<option value="29">29</option>
	<option value="30">30</option>
	<option value="31">31</option>
</select>

Week Day Name HTML Drop-down Select

You can translate Name of the day in other languages

Day Name in other languages

Short day name (Mon, Tue)

HTML

<select class="form-select" id="week" name="week">
    <option value="">week</option>
	<option value="sunday">Sunday</option>
	<option value="monday">Monday</option>
	<option value="tuesday">Tuesday</option>
	<option value="wednesday">Wednesday</option>
	<option value="thursday">Thursday</option>
	<option value="friday">Friday</option>
	<option value="saturday">Saturday</option>
</select>

Time Hour List HTML Drop Down Select

Hour select list 12-hour AM PM format and 24-hour format

Set value 12 Hour [AM PM]

Option = 24 Hour

HTML

<select class="form-select" id="hour" name="hour">
    <option value="">hour</option>
	<option value="0">12 AM</option>
	<option value="1">1 AM</option>
	<option value="2">2 AM</option>
	<option value="3">3 AM</option>
	<option value="4">4 AM</option>
	<option value="5">5 AM</option>
	<option value="6">6 AM</option>
	<option value="7">7 AM</option>
	<option value="8">8 AM</option>
	<option value="9">9 AM</option>
	<option value="10">10 AM</option>
	<option value="11">11 AM</option>
	<option value="12">12 PM</option>
	<option value="13">1 PM</option>
	<option value="14">2 PM</option>
	<option value="15">3 PM</option>
	<option value="16">4 PM</option>
	<option value="17">5 PM</option>
	<option value="18">6 PM</option>
	<option value="19">7 PM</option>
	<option value="20">8 PM</option>
	<option value="21">9 PM</option>
	<option value="22">10 PM</option>
	<option value="23">11 PM</option>
</select>

Click on the link below to drop down the dynamic year month and day JavaScript and PHP