Javascript 为24格式jq制作输入类型时间

我试图用24格式而不是12格式制作一些行，所以当我点击up时，我用两个上下箭头创建了输入字段，调用了inc（）函数，调用了down，调用了dec（）函数，但我的问题是这些函数inc和dec hours，我怎样才能制作出一些能持续数小时和数分钟的东西呢

function inc（）{
var admissionTime=$（“.add time”）.val（）；
var hours=parseInt（admissionTime.split（“：”[0]）；///before
var minutes=parseInt（admissionTime.split（“：”[1]）；
小时=小时+1；
如果（小时您需要两组箭头来执行此操作，一组用于小时，一组用于分钟。

这意味着您需要四个事件处理程序，每个箭头对应一个。

剩下的是简单的数学

由于您的问题没有包含太多CSS，我使用它来定位箭头。

我还以为你用的是Bootstrap


//箭头设置
var timeInput=$（“.add time”）；
var upHour=timeInput.sillides（“.up.hour”）；
var downhoor=timeInput.sillides（“.down.hour”）；
var upMinute=timeInput.sillides（“.up.minute”）；
var downMinute=timeInput.sillides（“.down.minute”）；
var timeInputPos=timeInput.offset（）；
css（{“top”：timeInputPos.top+4，“left”：timeInputPos.left+3}）；
css（{“top”：timeInputPos.top+16，“left”：timeInputPos.left+3}）；
css（{“top”：timeInputPos.top+4，“left”：timeInputPos.left+56}）；
css（{“top”：timeInputPos.top+16，“left”：timeInputPos.left+56}）；
//时间
var actualTime=timeInput.val（）；
var actualHour=parseInt（actualTime.split（“：”[0]）；
var actualMinute=parseInt（actualTime.split（“：”[1]）；
//处理者
upHour.on（“单击”，函数（）{
实际小时++；
如果（实际小时数>23）{
实际小时=0；
}
updateTime（）；
});
downhoor.on（“单击”，函数（）{
实际时间--；
如果（实际小时59）{
实际分钟=0；
}
updateTime（）；
});
downMinute.on（“单击”，函数（）{
实际分钟--；
如果（实际分钟您需要两组箭头来执行此操作，一组用于小时，一组用于分钟。

这意味着您需要四个事件处理程序，每个箭头对应一个。

剩下的是简单的数学

由于您的问题没有包含太多CSS，我使用它来定位箭头。

我还以为你用的是Bootstrap


//箭头设置
var timeInput=$（“.add time”）；
var upHour=timeInput.sillides（“.up.hour”）；
var downhoor=timeInput.sillides（“.down.hour”）；
var upMinute=timeInput.sillides（“.up.minute”）；
var downMinute=timeInput.sillides（“.down.minute”）；
var timeInputPos=timeInput.offset（）；
css（{“top”：timeInputPos.top+4，“left”：timeInputPos.left+3}）；
css（{“top”：timeInputPos.top+16，“left”：timeInputPos.left+3}）；
css（{“top”：timeInputPos.top+4，“left”：timeInputPos.left+56}）；
css（{“top”：timeInputPos.top+16，“left”：timeInputPos.left+56}）；
//时间
var actualTime=timeInput.val（）；
var actualHour=parseInt（actualTime.split（“：”[0]）；
var actualMinute=parseInt（actualTime.split（“：”[1]）；
//处理者
upHour.on（“单击”，函数（）{
实际小时++；
如果（实际小时数>23）{
实际小时=0；
}
updateTime（）；
});
downhoor.on（“单击”，函数（）{
实际时间--；
如果（实际小时59）{
实际分钟=0；
}
updateTime（）；
});
downMinute.on（“单击”，函数（）{
实际分钟--；
如果（actualMinute使用引导和jQuery。因此，将引导日期选择器与一起使用是合理的。在下面的示例中，我使用小时、分钟和秒组件。但是如果只需要显示小时和分钟，则可以使用
'HH:mm'
格式值


$（'[name=“time”]'）。日期时间选择器({
格式：'HH:mm:ss'
})；
您使用引导和jQuery。因此，将引导日期选择器与一起使用是合理的。在下面的示例中，我使用小时、分钟和秒组件。但是如果您只需要显示小时和分钟，则可以使用
'HH:mm'
格式值


$（'[name=“time”]'）。日期时间选择器({
格式：'HH:mm:ss'
})；

qstation不清楚没有标点符号不容易理解请在你的问题上下些功夫，更清楚地告诉我们你更新了你的问题并降低了录取率。时间让我们知道你在用什么输入？在dec（）中，你当然不能设置val（）=something.qstation不清楚没有标点符号不容易理解请在你的问题上下些功夫，更清楚些请你更新你的问题并将其平铺。时间，这样我们就知道你用什么输入了？在dec（）中，你当然不能设置val（）=有些东西。这就是我想要的，但我想让你用两个向上和向下的箭头来做，因为这样做对我来说不太好，我不知道如何做。可能通过突出显示小时数10，然后按向上按钮来增加，以及按分钟来增加。从用户的角度来看，你想要做的是不那么直观的rom从编码的角度来看，更复杂。我会重新考虑。这就是我要求的，但我想让你做的2个箭头向上，向下，因为这样做对我来说不好，使4个箭头，我不知道如何使它可能通过突出显示小时10，按下向上按钮增加，并为用户点分钟相同当然，你想做的不是那么直观。从编码的角度来看，更复杂。我会重新考虑。@Alexander控制台告诉我>>未捕获的TypeError:$（…）.datetimepicker不是一个function@marwam，按以下顺序将JS包含到页面中：矩.JS、jQuery、bootstrap.JS和bootstrap-datetimepicker.JS。请参阅我的答案中的标签。@marwam，你好吗？矩.JS包含对您有帮助吗？@Alexander控制台告诉我>>未捕获的类型错误：$（…）.datetimepicker不是一个function@marwam，按以下顺序将JS包含到页面中：moment.JS、jQuery、bootstrap.JS和bootstrap-datetimepicker.JS。请参阅我答案中的标签。@marwam，h