2017-03-21 11 views
0

私はこの質問に既に答えられていると確信していますが、私はお詫びしますが、私の頭がちょうど異なるソリューションをすべて見ているという別の年のソリューションがたくさんあります。しかし、誰かが現在の日付の後に(x)日を表示するために、正直なjavascriptソリューションを提供するのを助けてもらえますか?ストレートフォワードを現在の日付に追加するjavascript

私が達成しようとしているのは、ページ上部に「3月XX、2017以降の予約を受け付けています。

または、現在の日付を表示するためにこれを使用しているため、以下のコードに(X)日を追加することができます。

var MONTH_NAME = ['January', 'Febuary', 'March', 'April', 'May', 'June', 
       'July', 'August', 'September', 'October', 'November', 'December']; 
function showTime() { 
function twoDigit(n) { 
    return ('0' + n).slice(-2); 
} 
function iso8601(date) { 
    return date.getFullYear() + 
      '-' + twoDigit(1 + date.getMonth()) + 
      '-' + twoDigit(date.getDate()) + 
      'T' + twoDigit(date.getHours()) + 
      ':' + twoDigit(date.getMinutes()); 
} 
function en_US(date) { 
    var h = date.getHours() % 12; 
    return MONTH_NAME[date.getMonth()] + 
      ' ' + date.getDate() + 
      ', ' + date.getFullYear(); 
} 

var timeEl = document.getElementById('time'); 
if (timeEl !== null) { 
    var now = new Date(); 
    timeEl.innerHTML = en_US(now); 
    timeDiv.setAttribute('datetime', iso8601(now)); 
} 
}; 
setInterval(showTime, 1000); 

お願いします。

+1

これは、答えよりも提案です。ホイールを再発明しようとしないでください。これはあなたのために何かを使用してください:https://momentjs.com/ – dougajmcdonald

+0

ちょっとダグ、提案のおかげで、私は間違いなく見てきましたが、私はちょうどjavascriptを使って、moment.jsのコードを見て、それがどれだけ強力なものになったのか、私は圧倒されました。 –

答えて

0

setDategetDateの方法を使用して問題を解決できます。私が書いた方法addDaysを見てください。お役に立てれば。

var MONTH_NAME = ['January', 'Febuary', 'March', 'April', 'May', 'June', 
 
    'July', 'August', 'September', 'October', 'November', 'December' 
 
]; 
 

 
function showTime() { 
 
    function twoDigit(n) { 
 
    return ('0' + n).slice(-2); 
 
    } 
 

 
    function iso8601(date) { 
 
    return date.getFullYear() + 
 
     '-' + twoDigit(1 + date.getMonth()) + 
 
     '-' + twoDigit(date.getDate()) + 
 
     'T' + twoDigit(date.getHours()) + 
 
     ':' + twoDigit(date.getMinutes()); 
 
    } 
 

 
    function en_US(date) { 
 
    var h = date.getHours() % 12; 
 
    return MONTH_NAME[date.getMonth()] + 
 
     ' ' + date.getDate() + 
 
     ', ' + date.getFullYear(); 
 
    } 
 
    
 
    function addDays(date, days){ 
 
    var newDate = new Date(date.getTime()); 
 
    newDate.setDate(newDate.getDate() + days); 
 
    return newDate; 
 
    } 
 

 
    var timeEl = document.getElementById('time'); 
 
    if (timeEl !== null) { 
 
    var now = new Date(); 
 
    timeEl.innerHTML = en_US(now) + ' to ' + en_US(addDays(now, 15)); 
 
    timeEl.setAttribute('datetime', iso8601(now)); 
 
    } 
 
}; 
 

 
setInterval(showTime, 1000);
<div id="time"></div>

+0

ちょっとAjai、これは私が必要とするものです。早速のご返事ありがとうございます。私は実際に表示するために将来の日付が必要でした。しかし、私は現在の日付を見つけることができたし、それを削除するのはかなり簡単でした。ありがとうございました! –

関連する問題