css如何自己制作日历

html-css014

css如何自己制作日历,第1张

日历和时间代码:(加在空白处)

#header div.lc{background:url(http://danjo.ca/cgi-sys/Count.cgi?display=date&dformat=yymmdd&ft=0&dd=cd&timezone=GMT+0800) no-repeat 95% 30% !importantfilter:Chroma(Color="#EE0000")DropShadow(Color=gray, OffX=3, OffY=3, Positive=true) !important}/*日期*/

#header div.rc{background:url(http://danjo.ca/cgi-sys/Count.cgi?display=clock&tformat=24&ft=0&dd=cd&timezone=GMT+0800) no-repeat 95% 60%}

.stage{background:url() } /*时间*/

我这里有一段js动态时钟的代码,日历的比较复杂,没有研究:

<scripttype="text/javascript">

setInterval(function() {

var week

var date

var today = new Date()

var year = today.getFullYear()

var month = today.getMonth() + 1

var day = today.getDate()

var ss = today.getDay()

var hours = today.getHours()

var minutes = today.getMinutes()

var seconds = today.getSeconds()

date = year + "年" + month +"月" + day + "日 "

if (ss == 0) week = "星期日"

if (ss == 1) week = "星期一"

if (ss == 2) week = "星期二"

if (ss == 3) week = "星期三"

if (ss == 4) week = "星期四"

if (ss == 5) week = "星期五"

if (ss == 6) week = "星期六"

if (minutes <= 9) minutes ="0" + minutes

if (seconds <= 9) seconds ="0" + seconds

document.getElementById('p_time').innerHTML = "今天是:" + date

+ week + " " + hours + ":" + minutes + ":" +

seconds

},

1000)

</script>

这里一定要注意,html里要有一个id为p_time的div。

自己创建一个日历控件岂不是麻烦?站在巨人的肩上岂不是更好?如果是用于学习倒也可以,如果是项目运用,可以用my97datepicker 或者 jquery ui 的datepicker,都很好用的 :)