Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Ввод в input с кнопки (https://javascript.ru/forum/misc/73312-vvod-v-input-s-knopki.html)

Artur_Hopf 05.04.2018 11:58

Ввод в input с кнопки
 
Добрый день не могу понять как вводить в input с кнопки, есть код:
<input type="time" class="input_time" id="input" value/>
        <button onclick="getTime()">ввод</button>
        <div id="time"></div>

С клавиатуры вводим время, после нажатия ввод записывается значение в <div id="time">.
function getTime() {
      var time = $("#input").val();
      $("#time").html(time);
};


Теперь вопрос, как вводить время в input не с клавиатуры а с кнопок? Например:
<input type="time" class="input_time" id="input" value/>
<button onclick="getBut(1)">1</button>
<button onclick="getBut(2)">2</button>
<button onclick="getBut(3)">3</button>
<button onclick="getBut(4)">4</button>
<button onclick="getBut(5)">5</button>
<button onclick="getBut(6)">6</button>
<button onclick="getBut(7)">7</button>
<button onclick="getBut(8)">8</button>
<button onclick="getBut(9)">9</button>
<button onclick="getBut(0)">0</button>
<button onclick="getTime()">ввод</button>

function getTime() {
    var time = $("#input").val();
     $("#time").html(time);
};
function getBut(but) {
     $("#input").append(but);
};

Nexus 05.04.2018 12:12

Попробуйте так:
function getBut(but) {
     $("#input").val(function(){
          return this.value+but;
     });
};

laimas 05.04.2018 12:36

Artur_Hopf,
время, это часы/минуты/секунды, а может быть еще и мельче единицы и либо в каком-то формате, либо как отдельные значение причем не превышающие определенные. А вы чего вводите?

рони 05.04.2018 12:37

Nexus,
проблема больше с
Цитата:

Сообщение от Artur_Hopf
type="time"

нужно значение в формате time, для крутых браузеров

Nexus 05.04.2018 12:45

рони, да, хрень написал.

laimas 05.04.2018 12:51

Цитата:

Сообщение от рони
в формате time, для крутых браузеров

Крутые браузеры уже обзавелись поддержкой и календарей, и time, и datetime. :)

Artur_Hopf 05.04.2018 13:02

laimas,
Задача в том чтобы пользователь выбрал время на сенсорном экране, клавиатуру я написал свою циферную, а вот как сделать грамотно ввод времени пока что думаю. Сенсор на винде без каких либо кнопов ввода.

Nexus 05.04.2018 13:03

Вложений: 1
Artur_Hopf, зачем?
https://caniuse.com/#feat=input-datetime

Artur_Hopf 05.04.2018 13:15

Nexus,
Как этой крутатенькой пользоватся то? :-? Точнее можно ли это как то прикрутить, аля:
<link rel="stylesheet" href="inc/css/крутыечасики.css" />
<script type="text/javascript" src="inc/js/крутыечасики.js"></script>

крутыечасики(работать).выбираем что надо // ?=)))

рони 05.04.2018 13:21

Artur_Hopf,
если очень хочется, то maskedinput


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