Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.11.2018, 19:51
Аспирант
Отправить личное сообщение для oleg901 Посмотреть профиль Найти все сообщения от oleg901
 
Регистрация: 12.08.2018
Сообщений: 54

Зациклить календарь
Доброго времени суток. Есть такой скрипт:

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>Документ без названия</title>
<link rel='stylesheet' href="fc/fullcalendar.css">
<style>
#calendar{
width :900px;
margin:auto;
}
</style>

</head>
<body>

<div id='calendar'></div>



<script type="text/javascript" src="fc/lib/jquery.min.js"></script>
<script type="text/javascript" src="fc/lib/moment.min.js"></script>
<script type="text/javascript" src="fc/fullcalendar.js"></script>
<script type="text/javascript" src="fc/locale/ru.js"></script>
<script>

$(function(){

	var usY = 2018,
			usM = 10,
			usD = 1,
			chikL = 30,
			mensDay = 4;


	function dataUs(x,y,c){
	var data_us = new Date(x,y,c), // дата пользователя
			NoW_data_Micro = data_us.getTime(),
			mas = NoW_data_Micro;
			return mas;
}


//------------------------------------------------------------------------------------------ start
		function plusDay(x){
		var data_plus = new Date(1000 * 60 * 60 * 24 * x),
				us_Mill = data_plus.getTime();
 		return us_Mill;
				}
			

	function start(){
			var Us = dataUs(usY,usM,usD),
				
				dataChikl = new Date(Us),
				ChiklY 		= dataChikl.getFullYear(),
				ChiklM 		= dataChikl.getMonth()+1,
				ChiklD 		= dataChikl.getDate();

			if(ChiklM < 10 && ChiklD < 10){
				ChiklD = '0'+ ChiklD;
				ChiklM = '0'+ ChiklM;
		}
				else if(ChiklM < 10){
				ChiklM = '0'+ ChiklM;
		}
				else if(ChiklD < 10){
				ChiklD = '0'+ ChiklD;
		}
				return `${ChiklY}-${ChiklM}-${ChiklD}`;
		}	






	function end(){
			var Us = dataUs(usY,usM,usD),
					DaY = plusDay(chikL);
			var i = 0;

		var sum = Us + DaY,
				dataChikl = new Date(sum),
				ChiklY 		= dataChikl.getFullYear(),
				ChiklM 		= dataChikl.getMonth()+1,
				ChiklD 		= dataChikl.getDate();

			if(ChiklM < 10 && ChiklD < 10){
				ChiklD = '0'+ ChiklD;
				ChiklM = '0'+ ChiklM;
		}
				else if(ChiklM < 10){
				ChiklM = '0'+ ChiklM;
		}
				else if(ChiklD < 10){
				ChiklD = '0'+ ChiklD;
		}
				return `${ChiklY}-${ChiklM}-${ChiklD}`;
		}	


//------------------------------------------------------------------------------------------ end


//------------------------------------------------------------------------------------------ start menst
function mensDay(x){
		var data_plus = new Date(1000 * 60 * 60 * 24 * x),
				us_Mill = data_plus.getTime();
 		return us_Mill;
	
}
			

	function menstStart(){
			var Us = dataUs(usY,usM,usD),
				
				dataChikl = new Date(Us),
				ChiklY 		= dataChikl.getFullYear(),
				ChiklM 		= dataChikl.getMonth()+1,
				ChiklD 		= dataChikl.getDate();

			if(ChiklM < 10 && ChiklD < 10){
				ChiklD = '0'+ ChiklD;
				ChiklM = '0'+ ChiklM;
		}
				else if(ChiklM < 10){
				ChiklM = '0'+ ChiklM;
		}
				else if(ChiklD < 10){
				ChiklD = '0'+ ChiklD;
		}
				return `${ChiklY}-${ChiklM}-${ChiklD}`;
		}	






	function menstEnd(){
			var Us = dataUs(usY,usM,usD),
					DaY = plusDay(mensDay);
			var i = 0;

		var sum = Us + DaY,
				dataChikl = new Date(sum),
				ChiklY 		= dataChikl.getFullYear(),
				ChiklM 		= dataChikl.getMonth()+1,
				ChiklD 		= dataChikl.getDate();

			if(ChiklM < 10 && ChiklD < 10){
				ChiklD = '0'+ ChiklD;
				ChiklM = '0'+ ChiklM;
		}
				else if(ChiklM < 10){
				ChiklM = '0'+ ChiklM;
		}
				else if(ChiklD < 10){
				ChiklD = '0'+ ChiklD;
		}
				return `${ChiklY}-${ChiklM}-${ChiklD}`;
		}	


//------------------------------------------------------------------------------------------ end menst
//------------------------------------------------------------------------------------------ start ouk
function Fotin(x){
		var data_plus = new Date(1000 * 60 * 60 * 24 * 21),
				us_Mill = data_plus.getTime();
 		return us_Mill;
				}



				function Nytin(x){
		var data_plus = new Date(1000 * 60 * 60 * 24 * 9),
				us_Mill = data_plus.getTime();
 		return us_Mill;
				}


				function startO(x){
				var fotin = Fotin(),
					  Us = dataUs(usY,usM,usD),
						DaY = plusDay(chikL),
					  sum = Us + DaY,
					  okul = sum - fotin,
						dataChikl = new Date(okul),
						ChiklY 		= dataChikl.getFullYear(),
						ChiklM 		= dataChikl.getMonth()+1,
						ChiklD 		= dataChikl.getDate();
							if(ChiklM < 10 && ChiklD < 10){
								 ChiklD = '0'+ ChiklD;
								 ChiklM = '0'+ ChiklM;
							}		
						 else if(ChiklM < 10){
								ChiklM = '0'+ ChiklM;
							}
						 else if(ChiklD < 10){
								ChiklD = '0'+ ChiklD;
							}
							return [`${ChiklY}-${ChiklM}-${ChiklD}`];
							}




				function endO(x){
					 	var fotin = Fotin(),
					  Us = dataUs(usY,usM,usD),
						DaY = plusDay(chikL),
					  sum = Us + DaY,
					  okul = sum - fotin,
					  fotin = Nytin(),
					  okul1 = okul + fotin,
						dataChikl = new Date(okul1),
						
						ChiklY 		= dataChikl.getFullYear(),
						ChiklM 		= dataChikl.getMonth()+1,
						ChiklD 		= dataChikl.getDate();
						 if(ChiklM < 10 && ChiklD < 10){
								 ChiklD = '0'+ ChiklD;
								 ChiklM = '0'+ ChiklM;
							}		
						 else if(ChiklM < 10){
								ChiklM = '0'+ ChiklM;
							}
						 else if(ChiklD < 10){
								ChiklD = '0'+ ChiklD;
							}
							return [`${ChiklY}-${ChiklM}-${ChiklD}`];
							
					
			}





//------------------------------------------------------------------------------------------ end ouk


function test(){
var mas1 = [{

		title: 'Ваш цикл',
		start: `${start()}`,
		end:`${end()}`
		},

{


	  title: 'Дни менструации',
		start: `${menstStart()}`,
		end:`		${menstEnd()}`,
		color: '#F0030F'
}

,{

		title: 'Благоприятные дни',
		start:`${startO()}`,
		end:`${endO()}`,
		color:` #E216AC`
},

{
		title: 'Безопасные дни',
		start: `${menstEnd()}`,
		end: `${startO()}`,
		color:`#47C100`
},
{

		title: 'Безопасные дни',
		start:`${endO()}`,
		end:`${end()}`,
		color:`#47C100`

}
];
return mas1;

}
console.log(test())

	






	/*		$('#calendar').fullCalendar({
		
				events:test()
});*/






})


</script>
</body>
</html>


Он выводит объекты событий с датами в календарик. Дело вот в чем не могу понять как мне его зациклить. Он у меня выводи только данные за один месяц. Но в ручную писать 12 месяцев вперед и назад это горячка. Может кто знает как зациклить вывод на остальные месяцы? Он эти объекты выводит в специальную функцию которая предусмотрена в документации "fullcalendar". За ранее спасибо!

Последний раз редактировалось oleg901, 27.11.2018 в 19:56.
Ответить с цитированием
  #2 (permalink)  
Старый 02.12.2018, 22:00
Аспирант
Отправить личное сообщение для oleg901 Посмотреть профиль Найти все сообщения от oleg901
 
Регистрация: 12.08.2018
Сообщений: 54

Ответ на мой вопрос. Спустя неделю разобрался. Вот готовый рабочий скрипт "Женский календарь" Может кому понадобится.. Только сразу скажу, что я использовал плагин fullcalendar и JQuery.
fullcalendar я использовал как просто готовый календарь, ну а события уже писал и выводил в цикле в ручную. Так же вот гайд для fullcalendar https://www.youtube.com/watch?v=blkVcldop_g&t=558s
Кому может поможет удачи!
Вложения:
Тип файла: zip календарь.zip (507.9 Кб, 0 просмотров)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не открывается календарь datapicker в ячейках таблицы kupidon Общие вопросы Javascript 13 24.02.2017 20:08
Календарь DatePicker TanyaRom jQuery 4 14.10.2015 10:32
Календарь с подсветкой дат Blacksmouker Элементы интерфейса 2 05.08.2014 09:32
Freelance. Нужен календарь на Javascript для подстановки в <input /> даты и времени. DiYanka Работа 1 14.06.2014 02:03
jQuery UI календарь в далоговом окне ololosh jQuery 1 14.08.2012 17:23