#javascript #date
#javascript #Дата
Вопрос:
Здравствуйте, я новичок в Javascript, и мне нужно создать код, который позволит кому-либо вводить дату, и это приведет к сезону, в котором находится эта дата. Я в недоумении, что мне делать, оператор if else? Это все, что у меня есть, спасибо всем за уделенное время!
<body>
<h1>Date to Season</h1>
<p align="left">Enter Date:
<input id="season" maxlength="4" size="24"/>
</p>
<input type="button" value="Submit" onclick="Submit()"/><br/>
<textarea cols="40" rows="3" id="output"></textarea></body>
<script type="text/javascript">
function Submit(){
var date = document.getElementById('season').value;
var seasons =
if (
Комментарии:
1. Как вы ожидаете, что данные будут введены? ММ / ДД?
2. Какие ошибки вы получили, когда пытались это реализовать?
3. Хотя оператор if прост, определить сезон не так-то просто, не зная, в каком положении находится пользователь. Вам нужно будет использовать геолокацию или GeoIP, чтобы сначала выяснить, находится ли пользователь, например, в Ирландии или Австралии
4. Кроме того, учитывали ли вы type=date в своем элементе ввода (для браузеров, которые его поддерживают)?
5. Я полагаю, что MM / DD и я на самом деле не реализовали это, я больше в недоумении, в каком направлении мне следует это кодировать. Я очень новичок, поэтому я не совсем уверен, с чего это начать? Должен ли я поместить даты в массив? Или if / else? Прошу прощения, если это действительно неконкретно
Ответ №1:
Без сомнения, вычисление солнцестояний и равноденствий — это не то, что вы имели в виду, но они не слишком сложны.
Вопреки тому, что говорят некоторые, солнцестояния и равноденствия не зависят от того, где вы находитесь, хотя их названия зависят — кто-то на половине земного шара называет зиму летом.
Date.fromJulian= function(j){
j= ( j) (30.0/(24*60*60));
var A= Date.julianArray(j, true);
return new Date(Date.UTC.apply(Date, A));
}
Date.julianArray= function(j, n){
var F= Math.floor;
var j2, JA, a, b, c, d, e, f, g, h, z;
j = .5;
j2= (j-F(j))*86400.0;
z= F(j);
f= j-z;
if(z< 2299161) a= z;
else{
g= F((z-1867216.25)/36524.25);
a= z 1 g-F(g/4);
}
b= a 1524;
c= F((b-122.1)/365.25);
d= F(365.25*c);
e= F((b-d)/30.6001);
h= F((e< 14)? (e-1): (e-13));
var JA= [F((h> 2)? (c-4716): (c-4715)),
h-1, F(b-d-F(30.6001*e) f)];
var JB= [F(j2/3600), F((j2/60)%60), Math.round(j2%60)];
JA= JA.concat(JB);
if(typeof n== 'number') return JA.slice(0, n);
return JA;
}
Date.getSeasons= function(y, wch){
y= y || new Date().getFullYear();
if(y<1000 || y> 3000) throw y ' is out of range';
var Y1= (y-2000)/1000, Y2= Y1*Y1, Y3= Y2*Y1, Y4= Y3*Y1;
var jd, t, w, d, est= 0, i= 0, Cos= Math.degCos, A= [y],
e1= [485, 203, 199, 182, 156, 136, 77, 74, 70, 58, 52, 50, 45, 44, 29, 18, 17, 16, 14, 12, 12, 12, 9, 8],
e2= [324.96, 337.23, 342.08, 27.85, 73.14, 171.52, 222.54, 296.72, 243.58, 119.81, 297.17, 21.02,
247.54, 325.15, 60.93, 155.12, 288.79, 198.04, 199.76, 95.39, 287.11, 320.81, 227.73, 15.45],
e3= [1934.136, 32964.467, 20.186, 445267.112, 45036.886, 22518.443,
65928.934, 3034.906, 9037.513, 33718.147, 150.678, 2281.226,
29929.562, 31555.956, 4443.417, 67555.328, 4562.452, 62894.029,
31436.921, 14577.848, 31931.756, 34777.259, 1222.114, 16859.074];
while(i< 4){
switch(i){
case 0: jd= 2451623.80984 365242.37404*Y1 0.05169*Y2 - 0.00411*Y3 - 0.00057*Y4;
break;
case 1: jd= 2451716.56767 365241.62603*Y1 0.00325*Y2 0.00888*Y3 - 0.00030*Y4;
break;
case 2: jd= 2451810.21715 365242.01767*Y1 - 0.11575*Y2 0.00337*Y3 0.00078*Y4;
break;
case 3: jd= 2451900.05952 365242.74049*Y1 - 0.06223*Y2 - 0.00823*Y3 0.00032*Y4;
break;
}
var t= (jd- 2451545.0)/36525,
w= 35999.373*t - 2.47,
d= 1 0.0334*Cos(w) 0.0007*Cos(2*w);
est= 0;
for(var n= 0; n<24; n ){
est = e1[n]*Cos(e2[n] (e3[n]*t));
}
jd = (0.00001*est)/d;
A[ i]= Date.fromJulian(jd);
}
return wch amp;amp; A[wch]? A[wch]: A;
}
Math.degRad= function(d){
return (d*Math.PI)/180.0
}
Math.degSin= function(d){
return Math.sin(Math.degRad(d))
}
Math.degCos= function(d){
return Math.cos(Math.degRad(d))
}
Комментарии:
1. Это безумие. Я имею в виду, буквально. Восхитительно. 1
2. Красиво, большое спасибо. Хотя это немного сложно понять, имена переменных из одной буквы немного затрудняют отслеживание.
3. Я собрал рабочий пример . Надеюсь, это сэкономит кому-то немного времени.
4. Я был бы действительно полезен, если бы вы могли добавить значимые имена к переменным.
5. «не слишком сложно» Я думаю, что это утверждение неверно при взгляде на код .. Lol
Ответ №2:
Вот однострочник.
const getSeason = d => Math.floor((d.getMonth() / 12 * 4)) % 4
console.log('Southern hemisphere (Summer as Dec/Jan/Feb etc...):')
console.log(['Summer', 'Autumn', 'Winter', 'Spring'][getSeason(new Date())])
console.log('Northern hemisphere (Winter as Dec/Jan/Feb etc...):')
console.log(['Winter', 'Spring', 'Summer', 'Autumn'][getSeason(new Date())]) Комментарии:
1. Эта однострочная строка не работает, потому что я нахожусь в северном полушарии, и она выводит Autumn = (
2. @MihaiCiobanu — все зависит от того, что вы подразумеваете под «сезоном». Январь-март часто считаются зимними, но, скажем, чтобы использовать солнцестояние / равноденствие, вы должны смотреть на конкретные даты, аналогично тому, что различные национальные метеорологические службы определяют как «Зима» и т.д.
Ответ №3:
Настраиваемые сезоны могут выполнять следующее:
- астрономический
- метеорологический
- 6 сезонов
- любое натуральное число
Обратите внимание, что месяцы с 0 (января) по 11 (декабря).
const md = (month, day) => ({month, day})
const toMd = date => md(date.getMonth(), date.getDate())
const before = (md1, md2) => (md1.month < md2.month)
|| ((md1.month === md2.month) amp;amp; (md1.day <= md2.day))
const after = (md1, md2) => !before(md1, md2)
const between = (mdX, mdLow, mdHigh) =>
after(mdX, mdLow) amp;amp; before(mdX, mdHigh)
const season = (date, seasons) => ((md = toMd(date)) =>
Object.keys(seasons).find(season => seasons[season](md))
)()
const MARCH_EQUINOX = md(2, 20)
const JUNE_SOLSTICE = md(5, 21)
const SEPTEMBER_EQUINOX = md(8, 23)
const DECEMBER_SOLSTICE = md(11, 21)
const NEW_YEAR = md(0, 1)
const seasons = {
spring: d => between(d, MARCH_EQUINOX, JUNE_SOLSTICE),
summer: d => between(d, JUNE_SOLSTICE, SEPTEMBER_EQUINOX),
fall: d => between(d, SEPTEMBER_EQUINOX, DECEMBER_SOLSTICE),
winter: d =>
between(d, DECEMBER_SOLSTICE, NEW_YEAR) ||
between(d, NEW_YEAR, MARCH_EQUINOX)
}
console.log(
'It is currently',
season(new Date(), seasons),
'in northern hemisphere on 4 season astronomical calendar'
) Комментарии:
1. Как насчет сезонов по лунному календарю для азиатских сезонов?
2. Должно работать с правильным объектом «seasons». Не стесняйтесь вносить свой вклад.
3. @DevonDahon забавный парень. const months = [«Крыса», «Курица», «Свинья», «Крокодил», «Горилла», «Слон», «Змея», «Дракон», «Огурец», «Осьминог», «Рыба», «Большая нога»]; const asianMonth = месяцы[Math.floor(Math.random() * месяцы. длина)]; console.log(«Китайский месяц», asianMonth);
Ответ №4:
Обратите внимание, что существуют более разумные способы сделать это (например, используя объект date, например), который, вероятно, был бы более полезным / гибким, особенно если вы хотите определить фактическую дату начала / окончания сезона (например, 28 марта). Это просто для демонстрации отправной точки.
Вот очень простой пример, использующий swtich() для возврата сезона в соответствии с числовым месяцем:
<form name="date">
<input type="text" name="month"/>
<input type="button" value="Season?" onClick="getSeason()"/>
</form>
function getSeason() {
month = document.forms.date.month.value;
season = '';
switch(month) {
case '12':
case '1':
case '2':
season = 'winter';
break;
case '3':
case '4':
case '5':
season = 'spring';
break;
case '6':
case '7':
case '8':
season = 'summer';
break;
case '9':
case '10':
case '11':
season = 'fall';
break;
}
alert(season);
}
Вот немного более сложный пример, показывающий короткий / длинный месяц плюс числовой месяц.
function getSeason() {
month = document.forms.date.month.value.toLowerCase();
season = 'unknown';
switch(month) {
case 'dec':
case 'december':
case '12':
case 'jan':
case 'january':
case '1':
case 'feb':
case 'february':
case '2':
season = 'winter';
break;
case 'mar':
case 'march':
case '3':
case 'apr':
case 'april':
case '4':
case 'may':
case '5':
season = 'spring';
break;
case 'jun':
case 'june':
case '6':
case 'jul':
case 'july':
case '7':
case 'aug':
case 'august':
case '8':
season = 'summer';
break;
case 'sep':
case 'september':
case '9':
case 'oct':
case 'october':
case '10':
case 'nov':
case 'november':
case '11':
season = 'fall';
break;
}
alert(season);
}
Немного другим подходом могло бы быть создание переменных для сезонов, использование операторов if / else (как того требует OP для примера) и поиск «индекса» значения месяца в одной из переменных (обратите внимание, что я добавил , [запятую] в конец месяца, чтобы устранить неоднозначность 1 из 12 и 1 из 0 и т.д. ).
function getSeason() {
month = document.forms.date.month.value.toLowerCase() ",";
winter = 'dec,december,jan,january,feb,february,12,1,2,';
spring = 'mar,march,apr,april,may,3,4,5,';
summer = 'jun,june,jul,july,aug,august,6,7,8,';
fall = 'sep,september,oct,october,nov,november,9,10,11,';
season = 'unknown';
if (winter.indexOf(month) != -1) {
season = 'winter';
} else if (spring.indexOf(month) != -1) {
season = 'spring';
} else if (summer.indexOf(month) != -1) {
season = 'summer';
} else if (fall.indexOf(month) != -1) {
season = 'fall';
}
alert(season);
}
Комментарии:
1. Джаред Фарриш — Большое спасибо! Это то, что я пытался сделать, но мне было интересно, мог бы я поместить номера месяцев в оператор if / else? Например, функция Submit(){ var date = document.getElementById(‘season’).value; var dateSeasons = if (date = 12,1,2 ){ alert(«Лето») } document.getElementById(«вывод»).value= «Это» dateSeasons; } </script>
2. Как и для всех подобных проблем, существует множество решений. Если вы хотите точно определить время года, в котором находится пользователь, то вам придется проделать определенную работу, даже если вы позволите пользователю вводить свое местоположение (см. en.wikipedia.org/wiki/Season ). Если вам просто нужен упрощенный путеводитель по Северной Америке (я подозреваю, что это все, что вам нужно), то ответа Джареда, вероятно, будет достаточно.
3. Спасибо всем за помощь и терпение в объяснении вещей, я действительно ценю это. 🙂
4. Джаред Фарриш — Спасибо, что нашли время привести мне эти примеры, вы сделали это намного понятнее для меня!
5. @Lala — Без проблем. Если вы считаете это ответом на свой вопрос, пожалуйста, установите флажок «Наметить» слева от ответа (под подсчетом голосов).
Ответ №5:
Просто разделите сезон, который пересекает newyear:
const seasons = [{
name: 'Spring',
start: new Date(2000, 2, 21),
end: new Date(2000, 5, 20)
},{
name: 'Summer',
start: new Date(2000, 5, 21),
end: new Date(2000, 8, 20)
},{
name: 'Autumn/Fall',
start: new Date(2000, 8, 21),
end: new Date(2000, 11, 20)
},{
name: 'Winter',
start: new Date(2000, 11, 21),
end: new Date(2001, 2, 20)
}];
/** Checks if a date is within a specified season */
function checkSeason(season, date) {
let remappedStart = new Date(2000, season.start.getMonth(), season.start.getDate());
let remappedDate = new Date(2000, date.getMonth(), date.getDate());
let remappedEnd = new Date(2000, season.end.getMonth(), season.end.getDate());
// Check if the season crosses newyear
if (season.start.getFullYear() === season.end.getFullYear()) {
// Simple comparison
return (remappedStart <= remappedDate) amp;amp; (remappedDate <= remappedEnd);
} else {
// Split the season, remap all to year 2000, and perform a simple comparison
return (remappedStart <= remappedDate) amp;amp; (remappedDate <= new Date(2000, 11, 31))
|| (new Date(2000, 0, 1) <= remappedDate) amp;amp; (remappedDate <= remappedEnd);
}
}
function findSeason(seasons, date) {
for (let i = 0; i < seasons.length; i ) {
let isInSeason = checkSeason(seasons[i], date);
if (isInSeason === true) {
return seasons[i];
}
}
return null;
}