[英]Display business opening hours in 12 hour format (9am - 6pm) instead of 24 hours
我的目標是顯示我的營業時間並指示我們何時關閉。
在codepen上查看我想要的示例。 但這是 24 小時格式。 我需要幫助將 javascript 轉換為以 12 小時格式顯示日期。
下面是顯示 24 小時營業時間的 javascript。
jQuery(document).ready(function($){
var currentDate = new Date();
var weekday = [];
weekday[0] = "Sunday";
weekday[1] = "Monday";
weekday[2] = "Tuesday";
weekday[3] = "Wednesday";
weekday[4] = "Thursday";
weekday[5] = "Friday";
weekday[6] = "Saturday";
var currentDay = weekday[currentDate.getDay()];
var currentTimeHours = currentDate.getHours();
currentTimeHours = currentTimeHours < 10 ? "0" + currentTimeHours : currentTimeHours;
var currentTimeMinutes = currentDate.getMinutes();
var timeNow = currentTimeHours + "" + currentTimeMinutes;
var currentDayID = "#" + currentDay; //gets todays weekday and turns it into id
$(currentDayID).toggleClass("today"); //this works at hightlighting today
var openTimeSplit = $(currentDayID).children('.opens').text().split(":");
var openTimeHours = openTimeSplit[0];
openTimeHours = openTimeHours < 10 ? "0" + openTimeHours : openTimeHours;
var openTimeMinutes = openTimeSplit[1];
var openTimex = openTimeSplit[0] + openTimeSplit[1];
var closeTimeSplit = $(currentDayID).children('.closes').text().split(":");
var closeTimeHours = closeTimeSplit[0];
closeTimeHours = closeTimeHours < 10 ? "0" + closeTimeHours : closeTimeHours;
var closeTimeMinutes = closeTimeSplit[1];
var closeTimex = closeTimeSplit[0] + closeTimeSplit[1];
if (timeNow >= openTimex && timeNow <= closeTimex) {
$(".openorclosed").toggleClass("open");
} else {
$(".openorclosed").toggleClass("closed");
}
});
您可以在codepen上以 24 小時格式查看工作示例
提前感謝您的幫助和時間!
var currentTimeHours = currentDate.getHours(); currentTimeHours = currentTimeHours < 10 ? "0" + currentTimeHours : currentTimeHours; var currentTimeMinutes = currentDate.getMinutes(); var timeNow = currentTimeHours + "" + currentTimeMinutes; Replace the above code by var currentTimeHours = currentDate.getHours(); var currentTimeMinutes = currentDate.getMinutes(); var timeNow = currentTimeHours % 12 + ':' + currentTimeMinutes + ':'+ (currentTimeHours < 12 ? 'AM':'PM');
var openTimeHours = openTimeSplit[0]; openTimeHours = openTimeHours < 10 ? "0" + openTimeHours : openTimeHours; var openTimeMinutes = openTimeSplit[1]; var openTimex = openTimeSplit[0] + openTimeSplit[1]; Replace with the bellow codes var openTimeHours = parseInt(openTimeSplit[0]); var openTimeMinutes = openTimeSplit[1]; var openTimex = openTimeHours % 12 + ':' + openTimeMinutes + ':' + (openTimeHours < 12 ?'AM':'PM');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.