var validdates = [{
Date: "2024-10-24",
Month: 10,
Day: 24,
ProductCount: "7件",
URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241024/comiket_deadline_to:20241024",
},
{
Date: "2024-10-25",
Month: 10,
Day: 25,
ProductCount: "52件",
URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241025/comiket_deadline_to:20241025",
},
{
Date: "2024-10-28",
Month: 10,
Day: 28,
ProductCount: "10件",
URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241028/comiket_deadline_to:20241028",
},
{
Date: "2024-10-29",
Month: 10,
Day: 29,
ProductCount: "6件",
URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241029/comiket_deadline_to:20241029",
},
{
Date: "2024-10-30",
Month: 10,
Day: 30,
ProductCount: "16件",
URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241030/comiket_deadline_to:20241030",
},
{
Date: "2024-10-31",
Month: 10,
Day: 31,
ProductCount: "21件",
URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241031/comiket_deadline_to:20241031",
},
{
Date: "2024-11-01",
Month: 11,
Day: 1,
ProductCount: "186件",
URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241101/comiket_deadline_to:20241101",
},
{
Date: "2024-11-05",
Month: 11,
Day: 5,
ProductCount: "46件",
URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241105/comiket_deadline_to:20241105",
},
{
Date: "2024-11-06",
Month: 11,
Day: 6,
ProductCount: "15件",
URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241106/comiket_deadline_to:20241106",
},
{
Date: "2024-11-07",
Month: 11,
Day: 7,
ProductCount: "12件",
URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241107/comiket_deadline_to:20241107",
},
{
Date: "2024-11-08",
Month: 11,
Day: 8,
ProductCount: "14件",
URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241108/comiket_deadline_to:20241108",
},
{
Date: "2024-11-11",
Month: 11,
Day: 11,
ProductCount: "31件",
URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241111/comiket_deadline_to:20241111",
},
{
Date: "2024-11-12",
Month: 11,
Day: 12,
ProductCount: "75件",
URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241112/comiket_deadline_to:20241112",
},
{
Date: "2024-11-13",
Month: 11,
Day: 13,
ProductCount: "12件",
URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241113/comiket_deadline_to:20241113",
},
{
Date: "2024-11-14",
Month: 11,
Day: 14,
ProductCount: "4件",
URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241114/comiket_deadline_to:20241114",
},
{
Date: "2024-11-18",
Month: 11,
Day: 18,
ProductCount: "17件",
URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241118/comiket_deadline_to:20241118",
},
{
Date: "2024-11-19",
Month: 11,
Day: 19,
ProductCount: "14件",
URL: "https://goods.ryokuyou.co.jp/search/comiket_deadline_from:20241119/comiket_deadline_to:20241119",
},
];
$(document).ready(function() {
var event1 = "Sun Dec 01 2024";
var event2 = event1; //"Sun Jun 30 2024";
var eventname1 = "Dozen Rose FES.2024"; //2日間や3日間イベント時変更 例:"夏コミ1日目";
var eventname2 = eventname1; //2日間や3日間イベント時変更 例:"夏コミ2日目";
function createMonth(month, year) {
var monthElement = document.createElement("div");
monthElement.className = "dp-month";
monthElement.innerHTML =
"
" + year + "年" + getMonthName(month) + "
";
// Add row for day names
var dayNamesRow = document.createElement("div");
dayNamesRow.className = "dp-day-names";
var dayNames = ["日", "月", "火", "水", "木", "金", "土"];
for (var i = 0; i < 7; i++) {
var dayNameElement = document.createElement("div");
dayNameElement.className = "dp-day-name";
dayNameElement.textContent = dayNames[i];
dayNamesRow.appendChild(dayNameElement);
}
monthElement.appendChild(dayNamesRow);
var daysInMonth = getDaysInMonth(month, year);
var firstDay = new Date(year, month, 1).getDay();
for (var i = 0; i < firstDay; i++) {
monthElement.innerHTML += "";
}
for (var i = 1; i <= daysInMonth; i++) {
var dayElement = document.createElement("div");
dayElement.className = "dp-day";
// dayElement.setAttribute("data-date", new Date(year, month, i).toDateString());
// dayElement.setAttribute("data-date", new Date(year, month, i).toISOString().slice(0, 10));
const tokyoDate = new Date(
new Date(year, month, i).getTime() + 9 * 60 * 60 * 1000
);
dayElement.setAttribute(
"data-date",
tokyoDate.toISOString().slice(0, 10)
);
// Check Saturday or Sunday
if (
new Date(year, month, i).getDay() === 6 ||
new Date(year, month, i).getDay() === 0
) {
dayElement.classList.add("dp-wknd");
}
var dateValue = dayElement.getAttribute("data-date");
// Set event day
if (dateValue === event1 || dateValue === event2) {
// if (dateValue === event1) {
dayElement.classList.remove("dp-wknd");
dayElement.classList.add("dp-event");
// Set the event name based on the matching date
if (dateValue === event1) {
dayElement.title = eventname1;
} else {
dayElement.title = eventname2;
}
}
var holidays = ["2024-10-14", "2024-11-04"];
if (holidays.includes(dayElement.getAttribute("data-date"))) {
dayElement.classList.add("dp-wknd");
}
var currentDate = dayElement.getAttribute("data-date");
var matchingDate = validdates.find(function(item) {
return (
item.Month - 1 === new Date(currentDate).getMonth() &&
item.Day === new Date(currentDate).getDate()
);
});
validdates.forEach(function(item, index) {
var productDate = item.Date;
var productDateObj = new Date(productDate); // Convert productDate string to a Date object
if (isNaN(productDateObj.getTime())) {
console.error("Invalid date format: " + productDate);
return;
}
var today = new Date();
var todayDate = new Date(
today.getFullYear(),
today.getMonth(),
today.getDate()
);
var isDateValid = productDateObj > todayDate;
// console.log("Is date valid for item " + index + ": " + isDateValid);
if (isDateValid) {
var element = document.querySelector(
".dp-day.highlight:nth-child(" + (index + 1) + ")"
);
if (element) {
element.style.opacity = 0.4;
}
}
});
// console.log("matchingDate: " + matchingDate);
if (matchingDate) {
dayElement.classList.add("highlight");
// console.log("data-deadline: ", dataDeadline);
var linkElement = document.createElement("a");
// linkElement.href = "javascript:void(0);";
linkElement.href = matchingDate.url;
linkElement.textContent = i;
var dataDeadline = matchingDate.Date;
linkElement.setAttribute("data-filter", dataDeadline);
dayElement.innerHTML = "";
dayElement.appendChild(linkElement);
} else {
dayElement.textContent = i;
}
// console.log("matchingDate: ", matchingDate);
monthElement.appendChild(dayElement);
}
// Add empty days for the remaining cells in the last row
var lastDay = new Date(year, month, daysInMonth).getDay();
for (var i = lastDay + 1; i < 7; i++) {
monthElement.innerHTML +=
"";
}
return monthElement;
}
function getDayName(day) {
var dayNames = ["日", "月", "火", "水", "木", "金", "土"];
return dayNames[day];
}
function getMonthName(month) {
var monthNames = [
"1月",
"2月",
"3月",
"4月",
"5月",
"6月",
"7月",
"8月",
"9月",
"10月",
"11月",
"12月",
];
return monthNames[month];
}
function applyLinkUrls() {
var dayElements = document.getElementsByClassName("dp-day");
for (var i = 0; i < dayElements.length; i++) {
var dayElement = dayElements[i];
var currentDate = dayElement.getAttribute("data-date");
// Check if currentDate is valid
if (currentDate) {
var matchingDate = validdates.find(function(item) {
// Compare the date in the format YYYY-MM-DD
return item.Date === currentDate;
});
if (matchingDate) {
dayElement.classList.add("highlight");
// Create a link element
var linkElement = document.createElement("a");
linkElement.href = matchingDate.URL; // Use the URL from validdates
linkElement.textContent = dayElement.textContent; // Set the link text to the day number
dayElement.innerHTML = ""; // Clear the day element
dayElement.appendChild(linkElement); // Append the link to the day element
}
}
}
}
function getDaysInMonth(month, year) {
return new Date(year, month + 1, 0).getDate();
}
var calendar = document.getElementById("dp-calendar");
var currentDate = new Date();
var currentMonth = currentDate.getMonth();
var currentYear = currentDate.getFullYear();
var months = [];
function createCalendar() {
for (var i = 0; i < monthsahead; i++) {
var month = currentMonth + i;
var year = currentYear;
if (month >= 12) {
month -= 12;
year += 1;
}
var monthElement = createMonth(month, year);
months.push(monthElement);
}
months.forEach(function(month) {
calendar.appendChild(month);
});
applyLinkUrls();
}
createCalendar();
var today = new Date();
var deadline = new Date();
var deadline = deadline.setHours(12, 0, 0, 0);
console.log("today: " + today);
console.log("deadline: " + new Date(deadline).toString());
var dateElements = document.querySelectorAll(".dp-day.highlight");
for (var i = 0; i < validdates.length; i++) {
var arrayDate = new Date(validdates[i].Date);
arrayDate.setHours(arrayDate.getHours() + 9); //UTC+9
var dateElement = dateElements[i];
if (dateElement) {
if (arrayDate >= deadline) {
dateElement.style.opacity = "1";
// console.log(validdates[i].Date + " is today or in the future.");
} else {
dateElement.style.opacity = "0.4";
console.log(validdates[i].Date + " is in the past.");
}
}
}
});