Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Когда нажимаю на селект показать сегодняшний день (https://javascript.ru/forum/misc/76712-kogda-nazhimayu-na-selekt-pokazat-segodnyashnijj-den.html)

Gidpoiiohika 05.02.2019 18:20

Когда нажимаю на селект показать сегодняшний день
 
Привет всем, не могу понять как мне сделать что бы когда я нажимаю на селект в поле сразу записываеться сегодняшний день, ну и можно было выбрать любой другой день. 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/

Malleys 06.02.2019 00:42

$(() => {
	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/

Gidpoiiohika 06.02.2019 13:56

Спасибо большое 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/

Malleys 06.02.2019 14:11

Цитата:

Сообщение от Gidpoiiohika
получается мне нужно когда кликаю на селект получить сегодняшний год

может тогда лучше завести отдельную кнопку «Сегодня» рядом с <select>, при нажатии на которую, в <select> будет подставляться сегодняшняя дата, а то как-то сложно получается, нажмешь <select> чего-то вдруг перескочило на сегодняшнюю дату, ещё нажмешь чего-то не перескакивает.

Заведите отдельную кнопку «Сегодня» рядом с <select>, при нажатии на которую, в <select> будет подставляться сегодняшняя дата.

UPD Если что, то существует специальный элемент формы для ввода даты...
<label>
	Start date:
	<input type="date">
</label>

<label>
	End date:
	<input type="date">
</label>

Gidpoiiohika 06.02.2019 14:28

Malleys,
https://jsfiddle.net/exosvkrd/ вот что получилось. Спасибо большое Вам.

Gidpoiiohika 06.02.2019 14:34

Цитата:

Сообщение от Malleys (Сообщение 503227)
UPD Если что, то существует специальный элемент формы для ввода даты...
<label>
	Start date:
	<input type="date">
</label>

<label>
	End date:
	<input type="date">
</label>

Спасибо большое, сейчас ещё этот вариант попробую.


Часовой пояс GMT +3, время: 03:11.