4.1.x Дата в часах

Чтобы в блоке часы отображалась также дата, вставьте следующий код в application/widgets/clock/index.tpl

Code:

<script type="text/javascript">
var updateClock = function() {
var currentTime = new Date();
var month = currentTime.getMonth() + 1;
var day = currentTime.getDate();
var year = currentTime.getFullYear();
currentTime.setMilliseconds(currentTime.getMilliseconds() + Date.getServerOffset());

var currentHours = currentTime.getHours ( );
var currentMinutes = currentTime.getMinutes ( );
var currentSeconds = currentTime.getSeconds ( );

// Pad the minutes and seconds with leading zeros, if required
currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;

// Choose either "AM" or "PM" as appropriate
var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";

// Convert the hours component to 12-hour format if needed
currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;

// Convert an hours component of "0" to "12"
currentHours = ( currentHours == 0 ) ? 12 : currentHours;

// Compose the string for display
var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;
var currentDateString = day + "/" + month + "/" + year;

//currentTimeString += ' (' + currentTime.getTimezone() + ')';

// Update the time display
document.getElementById("clock").firstChild.nodeValue = currentTimeString;
document.getElementById("date").firstChild.nodeValue = currentDateString;
}
window.addEvent('load', function() {
updateClock.periodical(1000);
});
</script>

<style type="text/css">
.layout_clock > div
{
text-align: center;
padding: 5px;
margin-bottom: 5px;
}
.layout_clock > div > span
{
display: block;
font-size: 1em;
}
</style>

<div class="quicklinks">
<span id="clock">&nbsp;</span>
<span id="date">&nbsp;</span>
</div>

часы видно дата не отображается