Java Help

[clangstaff]

I'm trying to create a sticky banner for our public website that will include the current date and current timetable week. So far I've pulled together the code below however, I'm having some issues with the date format and cannot get this to change.

Ideally the format would be 'Mon 7th November'.

 

<style>
.banner-box { 
margin: 0; 
padding:10px;
position: fixed; 
bottom: 100px; 
right: 0; 
width: 150px; 
height: auto; 
z-index: 100; 
display: none; 
text-decoration: none; 
color: #ffffff; 
background-color: #1d2129;
font-size:16px;
text-align:center;
 
}
    
</style>

<div class="banner-box" style="display: inline;">
    
<p id="date"></p>
   
<script>
document.getElementById("date").innerHTML = Date() ;

</script>

<p><b>Week 1</b><br/></p>
    
</div>

 

[clangstaff]

@Graham Quince Any ideas for this Graham

[Graham Quince]

Hi @clangstaff

sorry, I've not had a chance to look at this properly.

FrogLearn uses moment.js which is a more efficient timing script for Javascript (apparently).  You can format text in different ways usign that

http://momentjs.com/

If you want to stick with Javascript, then W3C Schools has a list of date formatting http://www.w3schools.com/js/js_date_formats.asp

 

 

[clangstaff]

Thanks for the response Graham, the W3 schools page is what I was working from trying to get a solution but I couldn't make much sense of it. I think I probably need to spend some time working from the very basics with JavaScript

[Graham Quince]

Had 5 minutes so got a chance to look at this properly:

<p id="showDate"></p>
 
<script>
var a = moment().format('ddd Do MMMM');
$('#showDate').html(a);
</script>

Will give you:

 

Thu 10th November

 

This page (alnost hidden on MomentJS.com's site covers formatting) - http://momentjs.com/docs/#/displaying/

[clangstaff]

@Graham Quince Thank you for your help much appreciated.  

[Sue Busher]

Thanks Graham.