Question

有没有办法操纵html时间输入，所以我最多可以加100分钟和59秒？

Answer 1

没有。时间输入是时间。你的时钟超过60分钟？另一种方法是使用JavaScript编写自定义输入字段。或者添加数字输入字段然后用JavaScript计算小时/分钟/秒...

Answer 2

编辑： 重新阅读原帖后，我很确定我在这里回答错误的问题。但我会留下它以防万一其他人发现它有用。

如果您指的是<input type="time">，则可以像普通输入元素一样访问和修改值：

var time = document.getElementById('time');
var button = document.getElementById('button');

function handleButtonClick() {
  var parts = time.value.split(':');
  var hour = parseInt(parts[0]);
  var minute = parseInt(parts[1]);

  hour += 1;
  minute += 7;

  // TODO: Need to validate the new time

  time.value = hour + ':' + minute;
}
button.addEventListener('click', handleButtonClick, false);

<input id="time" type="time">
<button id="button">Process</button>

Answer 3

您可以使用Jquery：

function addMinutes(time, minsToAdd) {
  function D(J){ return (J<10? '0':'') + J;};
  var piece = time.split(':');
  var mins = piece[0]*60 + +piece[1] + +minsToAdd;

  return D(mins%(24*60)/60 | 0) + ':' + D(mins%60);  
} 
$("#add").click(function(){
    var time = $("#time").val();
    var new_time = addMinutes(time, '100');
    alert(new_time);
});

Working DEMO

HTML - 最多100分钟的时间输入

3 个答案: