0

我需要验证我的项目(即 a jquery-datetimepicker)中的时间字段,使其仅显示一天剩余时间的时间。

我的意思是 :

现在的时间是

Wed Mar 01 2017 15:25:36 GMT+0530 (India Standard Time)  

我的日期时间选择器中有一个小时格式。

我想要的是,一天有24小时。

因此,在 datetimepicker 中,它只能显示 15 后的小时数,例如从 16,17 等到 23 点。

这是一个小提琴:

小提琴

我的要求是,一旦Share单击按钮,它必须检测当前时间并在 datetimepicker 中检测几个小时(在小提琴的到期字段中),它必须只显示当天剩余的小时数,而不是00:00现在显示的时间。

有谁可以帮我离开这里吗 ?

4

1 回答 1

1

我创建了一个代码,用于检测今天日期的剩余时间。您可以在代码中使用该值。小提琴

这是代码。

showDiff();

function showDiff() {

  var date1 = new Date();
  var date2 = new Date();
  date2.setHours(23, 59, 59, 999);

  var diff = (date2 - date1) / 1000;
  var diff = Math.abs(Math.floor(diff));

  var days = Math.floor(diff / (24 * 60 * 60));
  var leftSec = diff - days * 24 * 60 * 60;

  var hrs = Math.floor(leftSec / (60 * 60));
  var leftSec = leftSec - hrs * 60 * 60;

  var min = Math.floor(leftSec / (60));
  var leftSec = leftSec - min * 60;

  document.getElementById("showTime").innerHTML = "You have " + days + " days " + hrs + " hours " + min + " minutes and " + leftSec + " seconds before death.";

  setTimeout(showDiff, 1000);
}
<div id="showTime"></div>

于 2017-03-01T10:32:51.943 回答