jquery时间操作,获取两个输入框内的MM:SS格式的时间,并计算间隔小时数,保留2位小数
时间: 2023-11-12 15:05:32 浏览: 82
可以使用以下代码实现:
```javascript
// 获取输入框内的时间
var startTimeStr = $("#start-time").val();
var endTimeStr = $("#end-time").val();
// 将时间字符串转换为Date对象
var startTime = new Date("1970-01-01T" + startTimeStr + ":00Z");
var endTime = new Date("1970-01-01T" + endTimeStr + ":00Z");
// 计算时间间隔(单位为毫秒)
var interval = endTime.getTime() - startTime.getTime();
// 将时间间隔转换为小时数
var hours = interval / 1000 / 60 / 60;
// 保留2位小数
hours = hours.toFixed(2);
// 输出结果
console.log("时间间隔为:" + hours + "小时");
```
其中,`#start-time`和`#end-time`分别是起始时间和结束时间的输入框的id。在转换时间字符串为Date对象时,需要将其格式化为ISO 8601格式的时间字符串,即`"1970-01-01T00:00:00Z"`,然后再将小时和分钟部分替换为输入框内的时间。
相关问题
jquery时间操作,获取输入框内的MM:SS格式的时间,并计算间隔小时数,保留2位小数
可以使用jQuery插件moment.js来操作时间。首先,你需要获取输入框内的时间值,然后将其转化为moment对象。接下来,计算时间间隔,最后将时间间隔转化为小时数,并保留2位小数。
下面是示例代码:
```javascript
// 获取输入框内的时间值
var timeStr = $('#time-input').val();
// 将时间值转化为moment对象
var time = moment('1970-01-01 ' + timeStr);
// 计算时间间隔
var duration = moment.duration(time);
// 将时间间隔转化为小时数,并保留2位小数
var hours = duration.asHours().toFixed(2);
console.log('时间间隔(小时):' + hours);
```
其中,`#time-input`是输入框的id,`timeStr`是输入框内的时间值,`duration`是时间间隔的moment对象,`hours`是时间间隔的小时数,使用`toFixed(2)`保留2位小数。
jquery时间操作,分别获取两个输入框内YYYY/mm/DD格式的起止日期和MM:SS格式的起止时间,并计算间隔小时数,保留2位小数
以下是一个示例代码,可以实现你的需求:
```javascript
// 获取起止日期和时间的输入框
var startDateInput = $('#start-date');
var endDateInput = $('#end-date');
var startTimeInput = $('#start-time');
var endTimeInput = $('#end-time');
// 获取起止日期和时间的值
var startDate = startDateInput.val();
var endDate = endDateInput.val();
var startTime = startTimeInput.val();
var endTime = endTimeInput.val();
// 将日期和时间拼接成完整的时间字符串
var startDateTime = startDate + ' ' + startTime;
var endDateTime = endDate + ' ' + endTime;
// 计算时间间隔的小时数
var startTimestamp = new Date(startDateTime).getTime();
var endTimestamp = new Date(endDateTime).getTime();
var hours = (endTimestamp - startTimestamp) / 1000 / 60 / 60;
// 保留2位小数
hours = hours.toFixed(2);
console.log('时间间隔为:' + hours + ' 小时');
```
需要注意的是,这个示例代码中的日期和时间格式必须是符合 `new Date()` 函数要求的格式,否则会导致计算出错。如果你的输入框中的日期和时间格式不符合要求,需要先进行格式化处理。
阅读全文