Discuz!NT控件剖析之ColorPicker(颜色拾取)和Calendar(日历)
作者 佚名技术
来源 NET编程
浏览
发布时间 2012-04-11
| olspan="7" align="center"><input type="text" size="1" value="" id="hour" onKeyUp=\''this.value=this.value > 23 ? 23 : zerofill(this.value);controlid.value=controlid.value.replace(/\\d+(\:\\d+)/ig, this.value+"$1")\''> 点 <input type="text" size="1" value="" id="minute" onKeyUp=\''this.value=this.value > 59 ? 59 : zerofill(this.value);controlid.value=controlid.value.replace(/(\\d+\:)\\d+/ig, "$1"+this.value)\''> 分</td></tr>''; 46 s += ''</table></div></div>''; 47 s += ''<div id="calendar_year" onclick="_cancelBubble(event)"><div class="col">''; 48 for(var k = 1930; k <= 2019; k++) { 49 s += k != 1930 && k % 10 == 0 ? ''</div><div class="col">'' : ''''; 50 s += ''<a href="###" onclick="refreshcalendar('' + k + '', mm);$(\''calendar_year\'').style.display=\''none\''"><span'' + (today.getFullYear() == k ? '' class="today"'' : '''') + '' id="calendar_year_'' + k + ''">'' + k + ''</span></a><br />''; 51 } 52 s += ''</div></div>''; 53 s += ''<div id="calendar_month" onclick="_cancelBubble(event)">''; 54 for(var k = 1; k <= 12; k++) { 55 s += ''<a href="###" onclick="refreshcalendar(yy, '' + (k - 1) + '');$(\''calendar_month\'').style.display=\''none\''"><span'' + (today.getMonth()+1 == k ? '' class="today"'' : '''') + '' id="calendar_month_'' + k + ''">'' + k + ( k < 10 ? '' '' : '''') + '' 月</span></a><br />''; 56 } 57 s += ''</div>''; 58 59 document.write(s); 60 document.onclick = function(event) { 61 $(''calendar'').style.display = ''none''; 62 $(''calendar_year'').style.display = ''none''; 63 $(''calendar_month'').style.display = ''none''; 64 } 65 $(''calendar'').onclick = function(event) { 66 _cancelBubble(event); 67 $(''calendar_year'').style.display = ''none''; 68 $(''calendar_month'').style.display = ''none''; 69 } 70 } 71 这两个控件的外观都有相应的CSS控制,分制是colorpicker.css ,calendar.css
|
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
ControlsTest_color_calendar.rar
你可能对下面的文章感兴趣
关于Discuz!NT控件剖析之ColorPicker(颜色拾取)和Calendar(日历)的所有评论
