Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.55/11: Рейтинг темы: голосов - 11, средняя оценка - 4.55
0 / 0 / 0
Регистрация: 28.09.2017
Сообщений: 4

Как из input передать дату в переменную?

22.12.2019, 18:37. Показов 2230. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Необходимо сделать калькулятор, который показывал бы, сколько дней осталось до введенной пользователем даты.

Попытался сделать сам... Сейчас проблема сделать так, чтобы введенная через input дата (в 21 строчка HTML) попадала в переменную deadline (40 строчка JS), и запускался скрипт.

Подскажите, как быть?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
22.12.2019, 18:37
Ответы с готовыми решениями:

Как передать переменную js в поле input
Здравствуйте. Есть скрипт определения высоты экрана браузера заносящейся в переменную JS, на странице есть форма заполнения данных, как...

Передать через input переменную
Как передать через input методу контроллера переменную

Javascript переменную которая передана из input html -- передать в sql- select запрос
есть задача- перетащить- javascript переменную (var startDate = start.value(),) которая передана из тега input типа (<input...

4
 Аватар для Yura007
61 / 44 / 16
Регистрация: 09.02.2019
Сообщений: 149
22.12.2019, 20:19
JavaScript
1
2
3
4
5
6
7
8
9
10
11
window.onload=()=>{ 
 
let  getInfoDate=()=>{
    document.querySelector('.question').onclick=()=>{  
    deadline = document.querySelector('#date').value;  
    initializeClock('countdown', deadline);
  }
}
 
getInfoDate();
}
Добавлено через 1 минуту
HTML5
1
<button onclick="(document.getElementById('example_1').style.display='block')" class="question"> УЗНАТЬ, НАСКОЛЬКО ВСЁ ПЛОХО </button>
Добавлено через 51 секунду
В js 40 и 43 строчки удалить нужно
1
0 / 0 / 0
Регистрация: 28.09.2017
Сообщений: 4
22.12.2019, 20:41  [ТС]
Спасибо!
0
0 / 0 / 0
Регистрация: 28.09.2017
Сообщений: 4
22.12.2019, 20:43  [ТС]
Yura007, обновил, теперь цифры не показываются...
Миниатюры
Как из input передать дату в переменную?  
0
 Аватар для Yura007
61 / 44 / 16
Регистрация: 09.02.2019
Сообщений: 149
22.12.2019, 21:38
JavaScript
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 window.onload=()=>{ 
 
let  getInfoDate=()=>{
    document.querySelector('.question').onclick=()=>{  
    deadline = document.querySelector('#date').value;  
    initializeClock('countdown', deadline);
  }
}
 
          function getTimeRemaining(endtime) {
  var t = Date.parse(endtime) - Date.parse(new Date());
  var seconds = Math.floor((t / 1000) % 60);
  var minutes = Math.floor((t / 1000 / 60) % 60);
  var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
  var days = Math.floor(t / (1000 * 60 * 60 * 24));
  return {
    'total': t,
    'days': days,
    'hours': hours,
    'minutes': minutes,
    'seconds': seconds
  };
}
 
function initializeClock(id, endtime) {
  var clock = document.getElementById(id);
  var daysSpan = clock.querySelector('.days');
  var hoursSpan = clock.querySelector('.hours');
  var minutesSpan = clock.querySelector('.minutes');
  var secondsSpan = clock.querySelector('.seconds');
 
  function updateClock() {
    var t = getTimeRemaining(endtime);
 
    daysSpan.innerHTML = t.days;
    hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
    minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
    secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
 
    if (t.total <= 0) {
      clearInterval(timeinterval);
    }
console.log("updateClock")
  }
 
  updateClock();
  var timeinterval = setInterval(updateClock, 1000);
}
 
 var deadline = '2021-12-31';
 
Date(Date.parse(new Date()) + 15 * 24 * 60 * 60 * 1000); 
// initializeClock('countdown', deadline);
 
 
        
getInfoDate();
}
Добавлено через 1 минуту
CSS
1
2
3
4
#example_1 
{
  display:block;
}
Добавлено через 22 секунды
все должно работать

Добавлено через 3 минуты
таймер начнет работать после того как нажмете на кнопку
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
22.12.2019, 21:38
Помогаю со студенческими работами здесь

где можно преобразовать дату(строку), которая приходит из input, в дату(число), чтобы дату задать в setFullYear
const FirstPage = (props) =&gt; { const = useState(''); const = useState(''); const = useState(''); const...

Как передать данные из input в другой input
как передать дание из input в другой input &lt;form method=&quot;post&quot; action=&quot;test3.php&quot; target=&quot;_blank&quot;&gt; &lt;input id=&quot;name&quot;...

Как передать из ACCESS переменную STRING в переменную окружения (типа CMD команды SET=)
Добрый день! Подскажите как установить переменную окружения из ACCESS. Допустим у меня есть переменная CurrentDir типа String и я хочу...

Как строковую переменную передать из TStringStream в переменную String?
Доброе время суток! Подскажите, как строковую переменную передать из TStringStream в переменную String? Можно ли на прямую...

Как передать переменную окна через текстовую переменную?
Открыл одно окно, потом второе, и хочу передать индетефикатор первого окна во второе, чтобы оно там что-то с ним сделало. Как это сделать...


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Отправка уведомления на почту при изменении наименования справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++
8Observer8 24.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip
Жизнь в неопределённости
kumehtar 23.03.2026
Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .
Модель здравоСохранения: работники работают быстрее после её введения.
anaschu 23.03.2026
geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .
Контроль уникальности заводского номера
Maks 23.03.2026
Алгоритм контроля уникальности заводского (или серийного) номера на примере нетипового документа выдачи шин для спецтехники с табличной частью, разработанного в конфигурации КА2. Данные берутся из. . .
Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения
anaschu 22.03.2026
e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru