Я хочу создать свой собственный календарь для моей работы. В этом календаре у меня есть некоторая информация о MJD (модифицированный юлианский день), недели GPS и DOY (день лет), поэтому я не могу скопировать код календаря, найденный на net.
Я создал месяц (2 для начала), и я хочу выбрать месяц и годы со списком, и календарь автоматически изменится.
У меня есть такая сборка:
<ul>
<li class="prev">❮</li>
<li class="next">❯</li>
<div class="calendarItem">
<p>
<select name="Month" id="Month">
<option value="Jan">January</option>
<option value="Feb">February</option>
<option value="March">March</option>
<option value="April">April</option>
<option value="May">May</option>
<option value="June">June</option>
<option value="July">July</option>
<option selected="selected" value="August">August</option>
<option value="September">September</option>
<option value="October">October</option>
<option value="November">November</option>
<option value="December">December</option>
</select>
<select name="Year" id="Year">
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option selected="selected" value="2003">2003</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
</select>
<input type="submit" name="Button1" value="Go To Month" id="Button1" onclick="create_path()" />
<script>
function create_path()
{
var test = "test";
var mois = document.getElementById("Month").value;
var année = document.getElementById("Year").value;
var path=mois+'_'+année+".js";
alert(path);
document.write("<script src='"+path+"'/>");
}
</script>
</script>
и Jan_2020. js выглядит так:
document.write(" Janvier<br>");
document.write(" <span style='font-size:18px'>2020</span>");
document.write(" </li>");
document.write(" </ul>");
document.write("</div>");
document.write("<ul class='weekdays' >");
document.write(" <li>Mo</li>");
document.write(" <li>Tu</li>");
document.write(" <li>We</li>");
document.write(" <li>Th</li>");
document.write(" <li>Fr</li>");
document.write(" <li>Sa</li>");
document.write(" <li>Su</li>");
document.write("</ul>");
document.write("<ul class='days'> >");
document.write(" <li></li>");
document.write(" <li></li>");
document.write(" <b><li style='color:black'>1<br><span style='color:red'>MJD: 58849<br><span style='color:blue'>DOY: 1<br><span style='color:green'>GPS Weeks : 38<br></li>");
document.write(" <li style='color:black'>2<br><span style='color:red'>MJD: 58850<br><span style='color:blue'>DOY: 2<br><span style='color:green'>GPS Weeks : 38<br></li>");
document.write(" <li style='color:black'>3<br><span style='color:red'>MJD: 58851<br><span style='color:blue'>DOY: 3<br><span style='color:green'>GPS Weeks : 38<br></li>");
document.write(" <li style='color:black'>4<br><span style='color:red'>MJD: 58852<br><span style='color:blue'>DOY: 4<br><span style='color:green'>GPS Weeks : 38<br></li>");
[...]
document.write("</ul>");
Я знаю, что это не работает. но я не могу найти решение .. Я новичок в JS.
Я бы хотел что-то вроде этого веб-сайта (но с необходимой мне информацией)
http://navigationservices.agi.com/GNSSWeb/