驗證按鈕點擊的時間，以便在datetimepicker中顯示當天的剩餘時間

我需要驗證我的項目中的時間字段（這是一個jquery-datetimepicker），以便它只顯示一天的其餘時間的時間。驗證按鈕點擊的時間，以便在datetimepicker中顯示當天的剩餘時間

我的意思是：

現在的時間是

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

我有我的DateTimePicker一個小時格式。

我想要的是，一天有24小時。

所以，在的DateTimePicker，它必須只顯示15像16，17小時後，並以此類推，直到23

這裏是一個小提琴：

Fiddle

我的要求是，只要點擊Share按鈕，它必須檢測當前時間，並在datetimepicker中檢測幾小時（在小提琴的到期字段中），它必須只顯示當天剩餘的小時數，而不是現在顯示的00:00。

任何人都可以幫助我嗎？

來源

2017-03-01 Ashish Bahl

我已經創建了一個代碼，用於檢測今天約會的剩餘時間。您可以在代碼中使用該值。 Fiddle

這是代碼。

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-01 10:32:51

驗證按鈕點擊的時間，以便在datetimepicker中顯示當天的剩餘時間

回答

相關問題