Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Adam Baburin
0 / 0 / 0
Регистрация: 28.03.2018
Сообщений: 16
1

Как сделать, чтобы результат показывался при клике на id="txtDate" без onclick="getdate()"?

06.08.2018, 21:22. Просмотров 231. Ответов 6

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<p>Date:
    <input id="txtDate" type="text" />
</p>
<p>
    <input type="button" onclick="getdate()" value="Fill Follow Date" />
</p>
<p>Follow Date:
    <input id="follow_Date" type="text" />
</p>
<script>
$(document).ready(function () {
    $('#txtDate').datepicker();
    $('#follow_Date').datepicker();
});
 
function getdate() {
    var tt = document.getElementById('txtDate').value;
 
    var date = new Date(tt);
    var newdate = new Date(date);
 
    newdate.setDate(newdate.getDate() + 3);
    
    var dd = newdate.getDate();
    var mm = newdate.getMonth() + 1;
    var y = newdate.getFullYear();
 
    var someFormattedDate = mm + '/' + dd + '/' + y;
    document.getElementById('follow_Date').value = someFormattedDate;
}
</script>
Добавлено через 2 часа 3 минуты
Nikto ne znayet?
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
06.08.2018, 21:22
Ответы с готовыми решениями:

При клике на один type="radio" сделать все остальные неактивными
Навеяло отсюда: http://www.cyberforum.ru/javascript-jquery/thread643638.html А как сделать так...

Как сделать, чтобы при нажатии кнопки "наверх" происходил плавный переход в начало страницы
Здравствуйте. Вот написал программку перемещения наверх при нажатии кнопки. Теперь не знаю, как...

как можно сделать так, чтобы при выборе трех чекбоксов, чекбокс "pod_kluch_okno" автоматически ставился
и соответственно, если убрать хоть одну из трех чекбокосов, чекбокс &quot;pod_kluch_okno&quot; тоже убирался...

Тип даных JQuery var ["dffd","dfdf","fffd"]
Работаю с типом таким var availableTags = ; если использую source: availableTags то...

При отправке данных с формы на почту, из-за Jquery, там где type="password" приходят не символы, а "****"
&lt;!DOCTYPE html &gt; &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;en&quot; lang=&quot;en&quot;&gt; ...

6
diadiavova
4023 / 1429 / 443
Регистрация: 11.04.2015
Сообщений: 2,638
Записей в блоге: 35
06.08.2018, 22:53 2
Цитата Сообщение от Adam Baburin Посмотреть сообщение
Nikto ne znayet?
За других не скажу, но я, лично, мало что понял. В принципе, если нужно, чтобы отрабатывал клик по инпуту, то надо либо добавить ему атрибут onclick, либо подписаться на событие программно с помощью addEventListener.
0
Mr_Sergo
1105 / 606 / 220
Регистрация: 29.04.2016
Сообщений: 1,687
07.08.2018, 04:56 3
Цитата Сообщение от Adam Baburin Посмотреть сообщение
чтобы результат показывался при клике на id="txtDate"
Если данные еще не введены в инпут и будет клик по id="txtDate" то в результате вы получите NaN/NaN/NaN --- как-то слегка не логично но если вас это мало интересует то вот:
Кликните здесь для просмотра всего текста
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<p>Date:
    <input id="txtDate" type="text" />
</p>
<p>
    <input type="button" value="Fill Follow Date" />
</p>
<p>Follow Date:
    <input id="follow_Date" type="text" />
</p>
<script>
window.addEventListener('load',()=>
    document.querySelector('#txtDate').addEventListener('click',()=>
        getdate()
    ,false)
,false);
 
function getdate() {
    var tt = document.getElementById('txtDate').value;
 
    var date = new Date(tt);
    var newdate = new Date(date);
 
    newdate.setDate(newdate.getDate() + 3);
    
    var dd = newdate.getDate();
    var mm = newdate.getMonth() + 1;
    var y = newdate.getFullYear();
 
    var someFormattedDate = mm + '/' + dd + '/' + y;
    document.getElementById('follow_Date').value = someFormattedDate;
}
</script>

Лично я бы повесил клик на ту же кнопку:
Кликните здесь для просмотра всего текста
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<p>Date:
    <input id="txtDate" type="text" />
</p>
<p>
    <input type="button" class="getdate" value="Fill Follow Date" />
</p>
<p>Follow Date:
    <input id="follow_Date" type="text" />
</p>
<script>
window.addEventListener('load',()=> document.querySelectorAll('.getdate')[0].addEventListener('click',()=> getdate(),false) ,false);
function getdate() {
    var tt = document.getElementById('txtDate').value;
 
    var date = new Date(tt);
    var newdate = new Date(date);
 
    newdate.setDate(newdate.getDate() + 3);
    
    var dd = newdate.getDate();
    var mm = newdate.getMonth() + 1;
    var y = newdate.getFullYear();
 
    var someFormattedDate = mm + '/' + dd + '/' + y;
    document.getElementById('follow_Date').value = someFormattedDate;
}
</script>

Или повесил бы keyup на id="txtDate" :
Кликните здесь для просмотра всего текста
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<p>Date:
    <input id="txtDate" type="text" />
</p>
<p>
    <input type="button" value="Fill Follow Date" />
</p>
<p>Follow Date:
    <input id="follow_Date" type="text" />
</p>
<script>
window.addEventListener('load',()=>
    document.querySelector('#txtDate').addEventListener('keyup',()=>
        getdate()
    ,false)
,false);
 
function getdate() {
    var tt = document.getElementById('txtDate').value;
 
    var date = new Date(tt);
    var newdate = new Date(date);
 
    newdate.setDate(newdate.getDate() + 3);
    
    var dd = newdate.getDate();
    var mm = newdate.getMonth() + 1;
    var y = newdate.getFullYear();
 
    var someFormattedDate = mm + '/' + dd + '/' + y;
    document.getElementById('follow_Date').value = someFormattedDate;
}
</script>

Песочница:
Клик по id="txtDate" --- Клик на ту же кнопку --- keyup на id="txtDate"

Но, похоже, что вы сами плохо понимаете чего хотите и "тыкать пальцем в небо" тут можно до бесконечности...
0
amr-now
Эксперт JS
1674 / 980 / 426
Регистрация: 14.06.2018
Сообщений: 2,457
07.08.2018, 09:38 4
Событие двойного клика неплохо тоже работает. Так что задача в целом решаемая несколькими вариантами событий:
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <p>
        Date:
        <input id="txtDate" ondblclick="getdate()" type="text" />
    </p>
    <p>
        <input type="button" onclick="getdate()" value="Fill Follow Date" />
    </p>
    <p>
        Follow Date:
        <input id="follow_Date" type="text" />
    </p>
    <script>
        function getdate() {
            var tt = document.getElementById('txtDate').value;
            var date = new Date(tt);
            date.setDate(date.getDate() + 3);
 
            document.getElementById('follow_Date').value = someFormattedDate(date);
        }
        function someFormattedDate(d, delimiter = "/") {
            var day = d.getDate();
            var month = d.getMonth() + 1;
 
            return (month > 9 ? "" : "0") + month + delimiter + (day > 9 ? "" : "0") + day + delimiter + d.getFullYear();
        }
    </script>
</body>
</html>
0
j2FunOnly
Модератор
Эксперт JS
1028 / 931 / 528
Регистрация: 05.06.2015
Сообщений: 2,103
07.08.2018, 09:56 5
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$(document).ready(function () {
    $('#txtDate').datepicker().on('change', getdate);
    $('#follow_Date').datepicker();
});
 
function getdate() {
    var tt = document.getElementById('txtDate').value;
 
    var date = new Date(tt);
    var newdate = new Date(date);
 
    newdate.setDate(newdate.getDate() + 3);
    
    var dd = newdate.getDate();
    var mm = newdate.getMonth() + 1;
    var y = newdate.getFullYear();
 
    var someFormattedDate = mm + '/' + dd + '/' + y;
    document.getElementById('follow_Date').value = someFormattedDate;
}
https://jsfiddle.net/j2FunOnly/3c14eLyg/
1
amr-now
Эксперт JS
1674 / 980 / 426
Регистрация: 14.06.2018
Сообщений: 2,457
07.08.2018, 11:09 6
Совместными усилиями борщ сварен ))
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/redmond/jquery-ui.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
</head>
<body>
    <p>
        Date:
        <input id="txtDate" type="text" />
    </p>
    <p>
        <input type="button" onclick="getdate()" value="Fill Follow Date" />
    </p>
    <p>
        Follow Date:
        <input id="follow_Date" type="text" />
    </p>
    <script>
        $(document).ready(function () {
            $('#txtDate').datepicker().on('change', getdate);
            $('#follow_Date').datepicker();
        });
 
        function getdate() {
            var tt = document.getElementById('txtDate').value;
            var date = new Date(tt);
            date.setDate(date.getDate() + 3);
 
            document.getElementById('follow_Date').value = someFormattedDate(date);
        }
        function someFormattedDate(d, delimiter = "/") {
            var day = d.getDate();
            var month = d.getMonth() + 1;
 
            return (month > 9 ? "" : "0") + month + delimiter + (day > 9 ? "" : "0") + day + delimiter + d.getFullYear();
        }
    </script>
</body>
</html>
0
Adam Baburin
0 / 0 / 0
Регистрация: 28.03.2018
Сообщений: 16
07.08.2018, 13:10  [ТС] 7
Мне нужно что когда я выбираю дате показал мне автоматически +3 день .
А не я выбираю дате потом кликнию на button getdate и показывает мне +3 день
0
07.08.2018, 13:10
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
07.08.2018, 13:10

Как передать значение в функцию используя onclick=""
Этот код переносит содержимое div, находящееся в другом файле &lt;html&gt; &lt;head&gt; &lt;script...

Как сделать, чтобы алерт вызывался, если набрать слово "тест" в начале, середине или конце предложения?
Здравствуйте условие которое ниже, вызывает алерт, если в текстарее набрать слово &quot;тест&quot;....

При клике на ссылку "Подробнее" увеличить высоту блока li, и вынести в него подробный текст
Доброго всем дня, а может быть и вечера. Пожалуйста помогите сделать одну вещь: имеется список...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru