Beautiful script calendar to share with you

<Br/> <style> input {font-family: verdana; font-size: 9pt; text-Decoration: none; Background-color: # ffffff; Height: 20px; Border: 1px solid #666666; color: #000000 ;}. calendar {font-family: verdana; text-Decoration: none; width: 170; Background-color: # c0d0e8; font-size: 9pt; Border: 0px dotted #1c6fa5 ;}. calendartd {font-family: verdana; font-size: 7pt; color: #000000; Background-color: # f6f6f6; Height: 20px; width: 11%; text-align: center ;}. title {font-family: verdana; font-size: 11pt; font-weight: normal; Height: 24px; text-align: center; color: #333333; text-Decoration: none; Background-color: # a4b9d7; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: 1px; border-top-color: #999999; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #999999 ;}. day {font-family: verdana; font-size: 7pt; color: #243f65; Background-color: # e5e9f2; Height: 20px; width: 11%; text-align: center ;}. daysat {font-family: verdana; font-size: 7pt; color: # ff0000; text-Decoration: none; Background-color: # e5e9f2; text-align: center; height: 18px; width: 12% ;}. daysun {font-family: verdana; font-size: 7pt; color: # ff0000; text-Decoration: none; Background-color: # e5e9f2; text-align: center; height: 18px; width: 12% ;}. daynow {font-family: verdana; font-size: 7pt; font-weight: bold; color: #000000; Background-color: # ffffff; Height: 20px; text-align: center ;}. daytitle {font-family: verdana; font-size: 9pt; color: #000000; Background-color: # c0d0e8; Height: 20px; width: 11%; text-align: center ;}. daysattitle {font-family: verdana; font-size: 9pt; color: # ff0000; text-Decoration: none; Background-color: # c0d0e8; text-align: center; height: 20px; width: 12% ;}. daysuntitle {font-family: verdana; font-size: 9pt; color: # ff0000; text-Decoration: none; Background-color: # c0d0e8; text-align: center; height: 20px; width: 12% ;}. daybutton {font-family: webdings; font-size: 9pt; font-weight: bold; color: #243f65; cursor: hand; text-Decoration: none ;} </style> <Table border = "0" cellpadding = "0" cellspacing = "1" class = "calendar" id = "caltable"> <thead> <tr align =" center "valign =" Middle "> <TD colspan =" 7 "class =" title "> 3 <input name =" year "type =" text "size =" 4 "maxlength = "4" onkeydown = "If (event. keycode = 13) {setdate ()} "onkeyup =" this. value = This. value. replace (/[^ 0-9]/g, '')" onpaste = "this. value = This. value. replace (/[^ 0-9]/g ,'') "> year <input name =" month "type =" text "size =" 1 "maxlength =" 2 "onkeydown =" If (event. keycode = 13) {setdate ()} "onkeyup =" this. value = This. value. replace (/[^ 0-9]/g, '')" onpaste = "this. value = This. value. replace (/[^ 0-9]/g ,'') "> month 4 </TD> </tr> <tr align =" center "valign =" Middle "> </tr> </thead> <tbody border =" 1" cellspacing = "0" cellpadding = "0" id = "calendar" align = "center" onclick = "getdiary () "> </tbody> </table> <p>
[Ctrl + A select all Note: If you need to introduce external JS, You need to refresh it to execute]