Timefield With More Than 24 Hours ( Timer )

I have this function function calculateTimes(firstDate, firstTime, secondDate, secondTime){ var fDate = firstDate+' '+firstTime; var sDate = secondDate+' '+secondTime;

Solution 1:

If I get everything right, than you are using <input type="time" /> as »timefield«. This input type is designed to handle day times, not time spans. Those daytimes can be formatted in 12, or 24 hour format, and they all describe a time of a day. Something like "35:54" is a timespan of 35 hours and 54 Minutes and cannot be used to describe a certain time of a day, so such a value is not valid for this type of input.

If you need an input for such values, you can of course use one <input type='text' />, or two <input type="number" />, one for the hours and one for the minutes, like so:

<div id="time-span">
    <inputtype="number"min="0" step="1" />:<inputtype="number"min="0"max="59" step="1" />
</div>