Javascript编码：输入具体日期，输出季节答案

【问题标题】：Javascript coding: Input a specific date, Output the seasonJavascript编码：输入具体日期，输出季节
【发布时间】：2021-07-23 22:05:48
【问题描述】：

您好，我是 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 (

【问题讨论】：

您希望如何输入数据？月/日？
您在尝试实现此功能时遇到了哪些错误？
虽然 if 语句很简单，但在不知道用户所在位置的情况下计算季节并不是那么容易。您需要先使用地理定位或 geoIP 来确定用户是否在例如爱尔兰或澳大利亚
另外，您是否考虑过输入元素中的 type=date（对于支持它的浏览器）？
我想 MM/DD 并且我还没有真正实现这个，我更不知应该采取哪个方向来编写这个。我是初学者，所以我不确定如何开始？我应该将日期放入数组中吗？或者如果/否则？如果这真的不具体，我很抱歉

标签： javascript date

【解决方案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 && 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
非常感谢。虽然有点难以理解，单字母变量名让人有点难以理解。
我拼凑了一个working example。希望它可以节省一些时间。
如果您能为变量添加有意义的名称，我将非常有帮助。
这个数学如何让您找到当前季节？你确定所有这些都是完全相关的吗？

【解决方案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())])

【讨论】：

这个单行不行，因为我在北半球，它输出 Autumn =(
@MihaiCiobanu - 这完全取决于你所说的“季节”是什么意思。 1 月至 3 月通常被认为是冬季，但要使用冬至/春分，您必须查看特定日期，类似地，各个国家气象局将其定义为“冬季”等。

【解决方案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) && (md1.day <= md2.day)) 

const after = (md1, md2) => !before(md1, md2)

const between = (mdX, mdLow, mdHigh) => 
  after(mdX, mdLow) && 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'
)

【讨论】：

亚洲季节的农历季节怎么样？
应该使用正确的“seasons”对象。随意贡献。
@DevonDahon 有趣的家伙。 const 月 = [“鼠”、“鸡”、“猪”、“鳄鱼”、“大猩猩”、“大象”、“蛇”、“龙”、“黄瓜”、“章鱼”、“鱼”、“大脚”]; const asianMonth = 月[Math.floor(Math.random() * 月.length)]; console.log("中国月", asianMonth);

【解决方案4】：

请注意，有更明智的方法可以做到这一点（例如，使用日期对象），这可能会更有用/更灵活，特别是如果您想通过实际的赛季开始/结束日期（3 月 28 日）来确定，例如）。这只是为了展示一个起点。

这是一个非常简单的示例，使用 swtich() 根据数字月份返回季节：

http://jsfiddle.net/RtC58/

<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);
}

这是一个稍微复杂一点的例子，显示短/长月份加上数字月份。

http://jsfiddle.net/RtC58/1/

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 想要的示例）并在其中一个变量中找到月份值的“索引”（注意 I在月底添加了, [逗号]，以消除 1 与 12 和 1 与 0 的歧义，等等...）。

http://jsfiddle.net/RtC58/3/

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);
}

【讨论】：

Jared Farrish - 非常感谢！这就是我想要做的，但我想知道我是否可以将月份数字放入 if/else 语句中？如 function Submit(){ var date = document.getElementById('season').value; var dateSeasons = if (date = 12,1,2){ alert("Summer") } document.getElementById("output").value= "It is" +dateSeasons; }
与所有此类问题一样，有很多解决方案。如果您想准确确定用户所在的季节，那么即使您让用户输入他们的位置，您也有一些工作要做（参见en.wikipedia.org/wiki/Season）。如果您只是想要一份简单的北美指南（我怀疑这就是您想要的），那么 Jared 的回答可能就足够了。
感谢大家的帮助和耐心解释事情，我真的很感激。 :)
Jared Farrish - 感谢您花时间给我提供这些示例，您让我更清楚了！
@Lala - 没问题。如果您认为它是您问题的答案，请单击答案左侧的大纲复选标记（投票数下方）。

【解决方案5】：

把跨过新年的季节分开：

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) && (remappedDate <= remappedEnd);
    } else {
        // Split the season, remap all to year 2000, and perform a simple comparison
        return (remappedStart <= remappedDate) && (remappedDate <= new Date(2000, 11, 31))
        || (new Date(2000, 0, 1) <= remappedDate) && (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;
}

小提琴：https://jsfiddle.net/pieterjandc/L3prwqmh/1/

【讨论】：