转:一款好看的日期选择器
来源:互联网 发布:qq群 淘宝客机器人 编辑:程序博客网 时间:2024/05/17 08:56
<html>
<head>
<title>JS日期选择器</title>
<script type="text/javascript">
function HS_DateAdd(interval,number,date){
number =parseInt(number);
if(typeof(date)=="string"){var date = newDate(date.split("-")[0],date.split("-")[1],date.split("-")[2])}
if(typeof(date)=="object"){var date = date}
switch(interval){
case"y":return newDate(date.getFullYear()+number,date.getMonth(),date.getDate());break;
case"m":return newDate(date.getFullYear(),date.getMonth()+number,checkDate(date.getFullYear(),date.getMonth()+number,date.getDate()));break;
case"d":return newDate(date.getFullYear(),date.getMonth(),date.getDate()+number);break;
case"w":return newDate(date.getFullYear(),date.getMonth(),7*number+date.getDate());break;
}
}
function checkDate(year,month,date){
var enddate=["31","28","31","30","31","30","31","31","30","31","30","31"];
varreturnDate = "";
if(year%4==0){enddate[1]="29"}
if(date>enddate[month]){returnDate =enddate[month]}else{returnDate = date}
returnreturnDate;
}
function WeekDay(date){
vartheDate;
if(typeof(date)=="string"){theDate = newDate(date.split("-")[0],date.split("-")[1],date.split("-")[2]);}
if(typeof(date)=="object"){theDate = date}
returntheDate.getDay();
}
function HS_calender(){
var lis ="";
var style ="";
style+="<style type='text/css'>";
style+=".calender { width:170px; height:auto; font-size:12px;margin-right:14px; background:url(calenderbg.gif) no-repeat rightcenter #fff; border:1px solid #397EAE; padding:1px}";
style+=".calender ul {list-style-type:none; margin:0;padding:0;}";
style+=".calender .day { background-color:#EDF5FF; height:20px;}";
style+=".calender .day li,.calender .date li{ float:left; width:14%;height:20px; line-height:20px; text-align:center}";
style+=".calender li a { text-decoration:none; font-family:Tahoma;font-size:11px; color:#333}";
style+=".calender li a:hover { color:#f30;text-decoration:underline}";
style+=".calender li a.hasArticle {font-weight:bold; color:#f60!important}";
style+=".lastMonthDate, .nextMonthDate{color:#bbb;font-size:11px}";
style+=".selectThisYear a, .selectThisMonth a{text-decoration:none;margin:0 2px; color:#000; font-weight:bold}";
style+=".calender .LastMonth, .calender .NextMonth{text-decoration:none; color:#000; font-size:18px; font-weight:bold;line-height:16px;}";
style+=".calender .LastMonth { float:left;}";
style+=".calender .NextMonth { float:right;}";
style+=".calenderBody {clear:both}";
style+=".calenderTitle {text-align:center;height:20px; line-height:20px;clear:both}";
style+=".today { background-color:#ffffaa;border:1px solid #f60;padding:2px}";
style+=".today a { color:#f30; }";
style+=".calenderBottom {clear:both; border-top:1px solid #ddd; padding:3px 0; text-align:left}";
style+=".calenderBottom a {text-decoration:none; margin:2px !important;font-weight:bold; color:#000}";
style+=".calenderBottom a.closeCalender{float:right}";
style+=".closeCalenderBox {float:right; border:1px solid #000;background:#fff; font-size:9px; width:11px; height:11px;line-height:11px; text-align:center;overflow:hidden;font-weight:normal !important}";
style+="</style>";
varnow;
if(typeof(arguments[0])=="string"){
selectDate =arguments[0].split("-");
var year =selectDate[0];
var month =parseInt(selectDate[1])-1+"";
var date =selectDate[2];
now = newDate(year,month,date);
}else if(typeof(arguments[0])=="object"){
now =arguments[0];
}
varlastMonthEndDate =HS_DateAdd("d","-1",now.getFullYear()+"-"+now.getMonth()+"-01").getDate();
varlastMonthDate =WeekDay(now.getFullYear()+"-"+now.getMonth()+"-01");
varthisMonthLastDate =HS_DateAdd("d","-1",now.getFullYear()+"-"+(parseInt(now.getMonth())+1).toString()+"-01");
varthisMonthEndDate = thisMonthLastDate.getDate();
varthisMonthEndDay = thisMonthLastDate.getDay();
var todayObj= new Date();
today =todayObj.getFullYear()+"-"+todayObj.getMonth()+"-"+todayObj.getDate();
for (i=0;i<lastMonthDate; i++){ // LastMonth's Date
lis ="<liclass='lastMonthDate'>"+lastMonthEndDate+"</li>"+ lis;
lastMonthEndDate--;
}
for (i=1;i<=thisMonthEndDate; i++){ // Current Month'sDate
if(today ==now.getFullYear()+"-"+now.getMonth()+"-"+i){
vartodayString =now.getFullYear()+"-"+(parseInt(now.getMonth())+1).toString()+"-"+i;
lis +="<li><ahref=javascript:void(0) class='today'onclick='_selectThisDay(this)'title='"+now.getFullYear()+"-"+(parseInt(now.getMonth())+1)+"-"+i+"'>"+i+"</a></li>";
}else{
<head>
<title>JS日期选择器</title>
<script type="text/javascript">
function HS_DateAdd(interval,number,date){
}
function checkDate(year,month,date){
}
function WeekDay(date){
}
function HS_calender(){