转载请注明原作者是梅花雪,假正经哥哥只是做了小修改,谢谢大家,
调用实例图片的样式实例调用,api 参考原说明文档
<script src="nagejs.js" type="text/javascript"></script><script language='javascript'>
WebCalendar.yearFall = 10;
WebCalendar.format = 'yyyy-mm-dd' ;
WebCalendar.timeShow = false ;
WebCalendar.drag = true ;
WebCalendar.darkColor = 'activecaption';
WebCalendar.lightColor = 'captiontext' ;
WebCalendar.wordColor = 'windowtext';
WebCalendar.wordDark = 'appworkspace';
WebCalendar.dayBgColor ='window';
WebCalendar.SelectedImgUrl = ''; //对应的图片地址,下同
WebCalendar.ToDayImgUrl = '';
WebCalendar.SetectedToDayImgUrl = '';
WebCalendar.LeftUpImgUrl = '';
WebCalendar.LeftDownImgUrl = '';
WebCalendar.RightUpImgUrl ='';
WebCalendar.RightDownImgUrl ='';
WebCalendar.yearFall = 10;
WebCalendar.format = 'yyyy-mm-dd' ;
WebCalendar.timeShow = false ;
WebCalendar.drag = true ;
WebCalendar.darkColor = 'activecaption';
WebCalendar.lightColor = 'captiontext' ;
WebCalendar.wordColor = 'windowtext';
WebCalendar.wordDark = 'appworkspace';
WebCalendar.dayBgColor ='window';
WebCalendar.SelectedImgUrl = ''; //对应的图片地址,下同
WebCalendar.ToDayImgUrl = '';
WebCalendar.SetectedToDayImgUrl = '';
WebCalendar.LeftUpImgUrl = '';
WebCalendar.LeftDownImgUrl = '';
WebCalendar.RightUpImgUrl ='';
WebCalendar.RightDownImgUrl ='';
<span id="WebCalendar1" style="border-style:solid;border-1px;border-color:#C0C0C0;vertical-align:middle;cursor:hand;display:inline-block;120px;">
<input name="_WebCalendar1" id="_WebCalendar1" maxlength="10" type="text" style="cursor:hand;100px; border:none 0px black;" value="" onclick="selectText(this,window.event.offsetX);" onKeyUp="DateFormat(this,this.value,event);" onblur="checkInput(this);"/>
<img src="cal" onclick="javascript:calendar(document.getElementById('_WebCalendar1'));" width="16px" height="15px" style="margin:1px;cursor:hand;" />
</span>
<input name="_WebCalendar1" id="_WebCalendar1" maxlength="10" type="text" style="cursor:hand;100px; border:none 0px black;" value="" onclick="selectText(this,window.event.offsetX);" onKeyUp="DateFormat(this,this.value,event);" onblur="checkInput(this);"/>
<img src="cal" onclick="javascript:calendar(document.getElementById('_WebCalendar1'));" width="16px" height="15px" style="margin:1px;cursor:hand;" />
</span>
不大愿意打字,调用实例中的各个事件是干吗大家试试就知道了,不说了
文中提到的控件源码和图片:下载