Skip to content

Instantly share code, notes, and snippets.

@Rameshwar-ghodke

Rameshwar-ghodke/Custom DOB fileds supported for all browsers

Created July 14, 2021 05:35
Show Gist options
  • Save Rameshwar-ghodke/80c56396a1bc5aacd02873ac7b2ea734 to your computer and use it in GitHub Desktop.
Save Rameshwar-ghodke/80c56396a1bc5aacd02873ac7b2ea734 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Custom DOB fileds supported for all browsers
<div class='row'>
<div class='col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
<select class='form-control' name='date' id='' placeholder=''>
<option value=' '>DD</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>
</div>
<div class='col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
<select class='form-control' name='month' id='' placeholder=''>
<option value=' '>MM</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>
</div>
<div class='col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
<select class='form-control' name='year' id='' placeholder=''>
<option value=' '>YYYY</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>
</select>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment