calendario para mi web.

He diseñado con photoshop un calendario para mi web, y quisiera saber si con jquery o con que script podria hacer que este calendario funcionara cambiando tanto el dia como el mes.
Este es el codigo que tengo ahora en html.

<div id="fecha">
<p class="mes">Mayo</p>

<p class="dia">3</p>

</div>
Espero que podais ayudarme, un saludo y muchas gracias

necesitaras un script como este:
este es el codigo html

<center>
<style type="text/css">

.month {
background-color:#084B8A;
font:bold 17px Trebuchet MS;
color:white;
}

.daysofweek {
background-color:silver;
font:bold 12px verdana;
color:gray;
padding:3px;
border:1px solid gray;
}

.days {
font-size: 13px;
font-family:Arial;
color:#084B8A;
background-color: white;
padding: 4px;
}

.days #today{
font-weight: bold;
padding: 3px;
color: #0B3861;
border: 1px solid #0B3861;
background: #A9D0F5;
}

</style>


<script type="text/javascript" src="[color=red]calendar.js[/color]">

</script> 
<script type="text/javascript">

var todaydate=new Date()
var curmonth=todaydate.getMonth()+1 //get current month (1-12)
var curyear=todaydate.getFullYear() //get current year

document.write(buildCal(curmonth ,curyear, "main", "month", "daysofweek", "days", 1));
</script>
</center>

calendar.js

function buildCal(m, y, cM, cH, cDW, cD, brdr){
var mn=['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'];
var dim=[31,0,31,30,31,30,31,31,30,31,30,31];

var oD = new Date(y, m-1, 1); //DD replaced line to fix date bug when current day is 31st
oD.od=oD.getDay()+1; //DD replaced line to fix date bug when current day is 31st

var todaydate=new Date() //DD added
var scanfortoday=(y==todaydate.getFullYear() && m==todaydate.getMonth()+1)? todaydate.getDate() : 0 //DD added

dim[1]=(((oD.getFullYear()%100!=0)&&(oD.getFullYear()%4==0))||(oD.getFullYear()%400==0))?29:28;
var t='<div class="'+cM+'"><table class="'+cM+'" cols="7" cellpadding="0" border="0" cellspacing="0"><tr align="center">';
t+='<td colspan="7" align="center" class="'+cH+'">'+mn[m-1]+'</td></tr><tr align="center">';
for(s=0;s<7;s++)t+='<td class="'+cDW+'">'+"DLMMJVS".substr(s,1)+'</td>';
t+='</tr><tr align="center">';
for(i=1;i<=42;i++){
var x=((i-oD.od>=0)&&(i-oD.od<dim[m-1]))? i-oD.od+1 : '';
if (x==scanfortoday) //DD added
x='<span id="today">'+x+'</span>' //DD added
t+='<td class="'+cD+'">'+x+'</td>';
if(((i)%7==0)&&(i<36))t+='</tr><tr align="center">';
}
return t+='</tr></table></div>';
}

si necesitas ayuda con el codigo me contactas aqui mismo

Saludos, Rodojpm

tambien e conseguido otro codigo para un calendario

rodojpm escribió:necesitaras un script como este:
este es el codigo html

<center>
<style type="text/css">

.month {
background-color:#084B8A;
font:bold 17px Trebuchet MS;
color:white;
}

.daysofweek {
background-color:silver;
font:bold 12px verdana;
color:gray;
padding:3px;
border:1px solid gray;
}

.days {
font-size: 13px;
font-family:Arial;
color:#084B8A;
background-color: white;
padding: 4px;
}

.days #today{
font-weight: bold;
padding: 3px;
color: #0B3861;
border: 1px solid #0B3861;
background: #A9D0F5;
}

</style>


<script type="text/javascript" src="[color=red]calendar.js[/color]">

</script> 
<script type="text/javascript">

var todaydate=new Date()
var curmonth=todaydate.getMonth()+1 //get current month (1-12)
var curyear=todaydate.getFullYear() //get current year

document.write(buildCal(curmonth ,curyear, "main", "month", "daysofweek", "days", 1));
</script>
</center>

calendar.js

function buildCal(m, y, cM, cH, cDW, cD, brdr){
var mn=['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'];
var dim=[31,0,31,30,31,30,31,31,30,31,30,31];

var oD = new Date(y, m-1, 1); //DD replaced line to fix date bug when current day is 31st
oD.od=oD.getDay()+1; //DD replaced line to fix date bug when current day is 31st

var todaydate=new Date() //DD added
var scanfortoday=(y==todaydate.getFullYear() && m==todaydate.getMonth()+1)? todaydate.getDate() : 0 //DD added

dim[1]=(((oD.getFullYear()%100!=0)&&(oD.getFullYear()%4==0))||(oD.getFullYear()%400==0))?29:28;
var t='<div class="'+cM+'"><table class="'+cM+'" cols="7" cellpadding="0" border="0" cellspacing="0"><tr align="center">';
t+='<td colspan="7" align="center" class="'+cH+'">'+mn[m-1]+'</td></tr><tr align="center">';
for(s=0;s<7;s++)t+='<td class="'+cDW+'">'+"DLMMJVS".substr(s,1)+'</td>';
t+='</tr><tr align="center">';
for(i=1;i<=42;i++){
var x=((i-oD.od>=0)&&(i-oD.od<dim[m-1]))? i-oD.od+1 : '';
if (x==scanfortoday) //DD added
x='<span id="today">'+x+'</span>' //DD added
t+='<td class="'+cD+'">'+x+'</td>';
if(((i)%7==0)&&(i<36))t+='</tr><tr align="center">';
}
return t+='</tr></table></div>';
}

si necesitas ayuda con el codigo me contactas aqui mismo

Saludos, Rodojpm

Muchas gracias, voy a probarlo y te cuento.