Monday, February 18, 2013 10:52
Javascript 日付関数を使用して HTML ページのように日時形式を表示するにはどうすればよいですか?
アップデート:
やっています
var d=new Date();
var n=d.toString();
document.write(n);
しかし、ページの更新時ではなく、時間を自動的に更新する必要があります。AJAX を使用する必要がありますか?
Monday, February 18, 2013 10:52
Javascript 日付関数を使用して HTML ページのように日時形式を表示するにはどうすればよいですか?
アップデート:
やっています
var d=new Date();
var n=d.toString();
document.write(n);
しかし、ページの更新時ではなく、時間を自動的に更新する必要があります。AJAX を使用する必要がありますか?
これを試してみてください:- http://jsfiddle.net/2Fj7m/
また、日付と時刻は自動的に更新されます。
HTML:-
<body onload="startTime()">
<div id="txt" ></div>
</body>
JS:-
var months = new Array('January', 'February', 'March', 'April', 'May',
'June', 'July', 'August', 'September', 'October', 'November', 'December');
var days = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
function startTime() {
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
var weekday = days[today.getDay()];
var month = months[today.getMonth()];
var year = today.getFullYear();
day = today.getUTCDate();
// add a zero in front of numbers<10
m = checkTime(m);
s = checkTime(s);
document.getElementById('txt').innerHTML =weekday + ", " +month +" "+ day+", " + year+ " "+ h + ":" + m;
t = setTimeout(function () {
startTime()
}, 500);
}
function checkTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
次のコードを使用して、希望の形式で日付を表示しています
<script type="text/javascript">
function makeArray()
{
for (i = 0; i<makeArray.arguments.length; i++)
this[i + 1] = makeArray.arguments[i];
}
var months = new makeArray('January','February','March','April','May',
'June','July','August','September','October','November','December');
var days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth() + 1;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
var hours = date.getHours();
var minutes = date.getMinutes();
document.write(days[ date.getDay() ] + ", " + months[month] + " " + day + ", " + year + " " + hours +": " + minutes);
</script>
.Date()
javascriptの関数を使用してこのフォーマットを作成できます
$(document).ready(function() {
var monthNames = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
var dayNames = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");
var today = new Date();
var cDay = today.getDay();
var cDate = today.getDate();
var cMonth = today.getMonth();
var cYear = today.getFullYear();
var cHour = today.getHours();
var cMin = today.getMinutes();
var cSec = today.getSeconds();
alert(dayNames[cDay]+ "," + " "+ monthNames[cMonth] + " " +cDate + "," +cYear + " " +cHour+ ":" + cMin+ ":" +cSec );
});
jQuery が読み込まれている場合は、次のことができます。
HTML:
<div id='date'/>
JavaScript:
$('#date').append(Date().toString())
javascript デバッガーを firebug または chrome のデバッガーとして使用する必要があります。これにより、使用可能なすべてのネイティブな JavaScript 関数が表示されます。
使用できます
var myDate = new Date();
myDate.toLocaleFormat();
また
myDate.toLocaleString();
どちらも
Monday, 18 February, 2013 10:57:46 AM
これは、質問で言及した形式に近いものです。