季節（つまり夏/冬）に依存するハイパーリンク

Question

夏期（つまりhttps://example.net/summer）と冬期（つまりhttps://example.net/winter）の間に別のエンドポイントに移動するハイパーリンクを作成するにはどうすればよいですか？ PHPを使わずにクライアント側で行う必要がある。夏は4月15日から9月15日、冬は9月16日から4月14日と仮定するが、正確な日付は重要ではなく、簡単に変更できる。

EDIT。 moment()勧告がQuentin Rogerによって提供されたので、私は実際にこの解決策には功績を認められません。

<a id="link" href="javascript:void(0)">Click Me</a> 

$("#link").click(function() { 
    window.location = moment().isBetween(moment("2017-05-01"), moment("2017-09-01")) 
    ?'https://example.net/summer' 
    :'https://example.net/winter'; 
}); 

Answer 1

あなただけ

window.addEventListener("load", function() { 
 
    let anchor = document.getElementById("season_dependant"); 
 
    // Get current Date: 
 
    let date = new Date(); 
 
    
 
    // consider two dates as boundaries, they must be the same year 
 
    let start_date = new Date(); 
 
    start_date.setMonth(3); // month index (-1) 
 
    start_date.setDate(15); // day of month 
 
    // => 15th, April of current year 
 
    
 
    let end_date = new Date(); 
 
    end_date.setMonth(9); // month index (-1) 
 
    end_date.setDate(1); // day of month 
 
    // => 1st, October of current year 
 
    
 
    // NOTE: must be start_date < end_date for this to work 
 
    
 
    if (date > start_date && date < end_date) { 
 
    // If inside period: 
 
    anchor.href = "/summer"; 
 
    } else { 
 
    // If outside period: 
 
    anchor.href = "/winter"; 
 
    } 
 
});

<a id="season_dependant">link</a>

のhrefプロパティを設定する前に、いくつかの日付の比較を行うことができます

Answer 2

私は何か誤解していると思いますが、日付に基づいて条件に応じてリンクを更新したいと思っています。次のことができます（momentjsを使用）。 私はあなたが夏にかいないかどうかを判断するための条件を改善しましょう;）

if (moment().isBetween(moment("2017-05-01"),moment("2017-09-01"))) { 
    $("#link").attr('href', "https://example.net/summer").html('summer'); 
} else { 
    $("#link").attr('href', "https://example.net/winter").html('winter'); 
} 

http://jsfiddle.net/ubdxLeb9/1/