2017-05-23 3 views
0

私は複数の問題があります。私はウェブサイトを作成しており、今日の日付を含めるウェブサイトの一部については、私は日付()を使用して今日の日付を取得する簡単な方法があることを知っている。私は技術的な日付をプリントアウトするので、その方法が気に入らない。JavaScriptで日付を作成する

私は今日の日付を取得する関数を作成するためにjavascriptを使用しています。 「Tuesday Tuesday May 23、2017」のようなものを印刷したいだけです。

<head> 
     <title> My website </title> 
</head> 

<body> 
<h1 id="getTIME"> Read something here </h1> 

<script> 
function getFormattedDate(today) 
{ 
var week = new Array('sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday); 
var day = week[today.getDay()]; 
var calender = new Array('january', 'febuary', 'march', 'april', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december'); 
var month = calender[today.getMonth()+1]; 
var dd = today.getDay(); 
var year = today.getFullYear(); 

return day + calender +','+ dd + year; 
} 
var date=getFormattedDate(date); 
document.getElementById("getTIME").innerHTML = date; 
</script> 
</body> 

私はjavascriptのに何か問題があると知っているが、私はそれがしたいどのように日付を見つけることへの非常に近いと思います。

私の質問の次の部分は、私はh1に日付を入れているということです。しかし、私がh1で書いたその他のものは現れません。テキストを「ここで何かを読む」ようにする方法はありますか?そしてh1に日付が同時に表示されますか?

+1

あなたが実際 'date'タイプを使用していた場合は、['のtoLocaleString() '](HTTPSを使用することができ://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString)にはたくさんの書式設定オプションがあります。そのリンクをクリックして「例」セクションに移動すると、既に作成された多数のフォーマットと、独自のフォーマットの作成方法が表示されます。 – Santi

+1

[JavaScriptの日付をフォーマットする方法](https://stackoverflow.com/questions/3552461/how-to-format-a-javascript-date)の可能な複製 – MaxZoom

答えて

0

h1innerHTMLに割り当てるときに+=演算子を使用すると、テキストを既存のコンテンツに連結できます。

function getFormattedDate(today) { 
 
    var week = new Array('sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'); 
 
    var day = week[today.getDay()]; 
 
    var calender = new Array('january', 'febuary', 'march', 'april', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december'); 
 
    var month = calender[today.getMonth()+1]; 
 
    var dd = today.getDay(); 
 
    var year = today.getFullYear(); 
 

 
    return day + ' ' + month +', '+ dd + ' ' + year; 
 
} 
 
var date=getFormattedDate(new Date()); 
 
document.getElementById("getTIME").innerHTML += date;
<h1 id="getTIME"> Read something here </h1>

1
  1. 日()。toLocaleDateString()すでにgetFormattedDate機能が行う作業のほとんどを行います。

  2. あなたのH1のinnerHTMLを日付に置き換えます(追加しません)。日付をH1に追加するには

    document.getElementById( "getTIME")。innerHTML + = date;

0

これはそれを行います。

const months = ['january', 'febuary', 'march', 'april', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december'] 
 
const days = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'] 
 
const date = new Date() 
 
const prettyDate = `${days[date.getDay()]} ${months[date.getMonth()]} ${date.getDate()}, ${date.getFullYear()}` 
 
console.log(prettyDate)

関連する問題