求一个时间的控件

可以选择年月日的那种

解决方案 »

  1.   

    http://hi.baidu.com/zdz8207/blog/item/f762398767333f2bc65cc392.html
      

  2.   

    我找了很多但没有我想要的
    就是格式为XXXX-XX-XX
    这种
      

  3.   

    <html>
    <body><script language="javascript">
    //HowtoUse:  show(this,this.value)
    //head里加入此文件引用type="text/javascript" src="js/calendar.js"
      var calendar=this;
      this.calendarPad=null;
      this.prevMonth=null;
      this.nextMonth=null;
      this.prevYear=null;
      this.nextYear=null;
      this.goToday=null;
      this.calendarClose=null;
      this.calendarAbout=null;
      this.head=null;
      this.body=null;
      this.today=[];
      this.currentDate=[];
      this.sltDate;
      this.target;
      this.source;  /************** 加入日历底板及阴影 *********************/
      this.addCalendarPad=function(){
       document.write("<div id='divCalendarpad' style='position:absolute;top:100;left:0;width:255;height:167;display:none;'>");
       document.write("<iframe frameborder=0 height=168 width=255></iframe>");
       document.write("<div style='position:absolute;top:4;left:4;width:248;height:164;background-color:#336699;'></div>");
       document.write("</div>");
       calendar.calendarPad=document.all.divCalendarpad;
      }
      /************** 加入日历面板 *********************/
      this.addCalendarBoard=function(){
       var BOARD=this;
       var divBoard=document.createElement("div");
       calendar.calendarPad.insertAdjacentElement("beforeEnd",divBoard);
       divBoard.style.cssText="position:absolute;top:0;left:0;width:250;height:166;border:1 outset;background-color:buttonface;";   var tbBoard=document.createElement("table");
       divBoard.insertAdjacentElement("beforeEnd",tbBoard);
       tbBoard.style.cssText="position:absolute;top:0;left:0;width:100%;height:10;font-size:9pt;";
       tbBoard.cellPadding=0;
       tbBoard.cellSpacing=1;
       tbBoard.bgColor="#333333";
      

  4.   

    /************** 设置各功能按钮的功能 *********************/
       /*********** Calendar About Button ***************/
       trRow = tbBoard.insertRow(0);
       calendar.calendarAbout=calendar.insertTbCell(trRow,0,"-","center");
       calendar.calendarAbout.onclick=function(){calendar.about();}
       /*********** Calendar Head ***************/
       tbCell=trRow.insertCell(1);
       tbCell.colSpan=5;
       tbCell.bgColor="#99CCFF";
       tbCell.align="center";
       tbCell.style.cssText = "cursor:default";
       calendar.head=tbCell;
       /*********** Calendar Close Button ***************/
       tbCell=trRow.insertCell(2);
       calendar.calendarClose = calendar.insertTbCell(trRow,2,"x","center");
       calendar.calendarClose.title="关闭";
       calendar.calendarClose.onclick=function(){calendar.hide();}   /*********** Calendar PrevYear Button ***************/
       trRow = tbBoard.insertRow(1);
       calendar.prevYear = calendar.insertTbCell(trRow,0,"&lt;&lt;","center");
       calendar.prevYear.title="上一年";
       calendar.prevYear.onmousedown=function(){
        calendar.currentDate[0]--;
        calendar.show(calendar.target,calendar.currentDate[0]+"-"+calendar.currentDate[1]+"-"+calendar.currentDate[2],calendar.source);
       }
       /*********** Calendar PrevMonth Button ***************/
       calendar.prevMonth = calendar.insertTbCell(trRow,1,"&lt;","center");
       calendar.prevMonth.title="上一月";
       calendar.prevMonth.onmousedown=function(){    calendar.currentDate[1]--;
        if(calendar.currentDate[1]==0){
         calendar.currentDate[1]=12;
         calendar.currentDate[0]--;
        }
        calendar.show(calendar.target,calendar.currentDate[0]+"-"+calendar.currentDate[1]+"-"+calendar.currentDate[2],calendar.source);
       }
       /*********** Calendar Today Button ***************/
       calendar.goToday = calendar.insertTbCell(trRow,2,"今天","center",3);
       calendar.goToday.title="选择今天";
       calendar.goToday.onclick=function(){
        calendar.sltDate=calendar.currentDate[0]+"-"+calendar.currentDate[1]+"-"+calendar.currentDate[2];
        calendar.target.value=calendar.sltDate;
        calendar.hide();
        //calendar.show(calendar.target,calendar.today[0]+"-"+calendar.today[1]+"-"+calendar.today[2],calendar.source);
       }
       /*********** Calendar NextMonth Button ***************/
       calendar.nextMonth = calendar.insertTbCell(trRow,3,"&gt;","center");
       calendar.nextMonth.title="下一";
       calendar.nextMonth.onmousedown=function(){
        calendar.currentDate[1]++;
        if(calendar.currentDate[1]==13){
         calendar.currentDate[1]=1;
         calendar.currentDate[0]++;
        }
        calendar.show(calendar.target,calendar.currentDate[0]+"-"+calendar.currentDate[1]+"-"+calendar.currentDate[2],calendar.source);
       }
      

  5.   

    给你推荐一个插件jscalendar-1.0，你可以上网搜一下最新版本。
    是个开源插件，很好用。