Когда нажимаю на селект показать сегодняшний день
Привет всем, не могу понять как мне сделать что бы когда я нажимаю на селект в поле сразу записываеться сегодняшний день, ну и можно было выбрать любой другой день. C помощью jQuery
<div class="rails-bootstrap-forms-date-select"><select id="_start_date_1i" name="[start_date(1i)]" class="form-control start_date"> <option value=""></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> <select id="_start_date_2i" name="[start_date(2i)]" class="form-control start_date"> <option value=""></option> <option value="1">January</option> <option value="2">February</option> <option value="3">March</option> <option value="4">April</option> <option value="5">May</option> <option value="6">June</option> <option value="7">July</option> <option value="8">August</option> <option value="9">September</option> <option value="10">October</option> <option value="11">November</option> <option value="12">December</option> </select> <select id="_start_date_3i" name="[start_date(3i)]" class="form-control start_date"> <option value=""></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</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> https://jsfiddle.net/15bpfed6/ |
$(() => { const date = new Date(); $("#_start_date_1i").val(date.getFullYear()); $("#_start_date_2i").val(date.getMonth() + 1); $("#_start_date_3i").val(date.getDate()); }); https://jsfiddle.net/47yrupzs/ |
Спасибо большое Malleys, можете ещё подсказать пожалуйста я изменил чуть Ваш код, получается мне нужно когда кликаю на селект получить сегодняшний год например, сейчас ок всё работает ну я не могу выбрать потом любой другой год.
По дефолту поле пустое. Это форма для поиска я выбираю Start date: and End date: нажимаю на на кнопку и он например показывает мне все пользователь которые были созданы Start date: and End date: $("div.rails-bootstrap-forms-date-select").on('click', 'select#_start_date_1i', function() { const date = new Date(); $("#_start_date_1i").val(date.getFullYear()); }); https://jsfiddle.net/tm0g4z6d/1/ |
Цитата:
Заведите отдельную кнопку «Сегодня» рядом с <select>, при нажатии на которую, в <select> будет подставляться сегодняшняя дата. UPD Если что, то существует специальный элемент формы для ввода даты... <label> Start date: <input type="date"> </label> <label> End date: <input type="date"> </label> |
Malleys,
https://jsfiddle.net/exosvkrd/ вот что получилось. Спасибо большое Вам. |
Цитата:
|
Часовой пояс GMT +3, время: 03:11. |