Ввод в input с кнопки

[Artur_Hopf]

Добрый день не могу понять как вводить в 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]

Попробуйте так:

function getBut(but) {
     $("#input").val(function(){
          return this.value+but;
     });
};

[laimas]

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

[рони]

Nexus,
проблема больше с

type="time"

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

[Nexus]

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

[laimas]

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

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

[Artur_Hopf]

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

[Nexus]

Artur_Hopf, зачем?
https://caniuse.com/#feat=input-datetime

[Artur_Hopf]

Nexus,
Как этой крутатенькой пользоватся то? Точнее можно ли это как то прикрутить, аля:

<link rel="stylesheet" href="inc/css/крутыечасики.css" />
<script type="text/javascript" src="inc/js/крутыечасики.js"></script>

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

[рони]

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