纯JS写的只有时分的时间控件

来源：互联网发布：服装销售软件排行编辑：程序博客网时间：2024/06/07 21:24
/** * 以下是时间框输入框架 */var str = "";document.writeln("<div id=\"_contents\" style=\"padding:6px; background-color:#E3E3E3; font-size: 15px; " + "border: 1px solid #777777; position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1000; display:none\">");str += "\u65f6<select id=\"_hour\">";for ( h = 0; h <= 9; h++) {str += "<option value=\"0" + h + "\">0" + h + "</option>";}for ( h = 10; h <= 23; h++) {str += "<option value=\"" + h + "\">" + h + "</option>";}str += "</select> \u5206<select id=\"_minute\">";for ( m = 0; m <= 9; m++) {str += "<option value=\"0" + m + "\">0" + m + "</option>";}for ( m = 10; m <= 59; m++) {str += "<option value=\"" + m + "\">" + m + "</option>";}str += "</select> <input value='确定' type=\"button\" onclick=\"_select()\" " + "value=\"\u786e\u5b9a\" style=\"height:25px;font-size:13px\" /></div>";str += '<div id="_contentsMsk" onclick="_hideTimer()" style="width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 999; display: none;"></div>';document.writeln(str);var _fieldname;function _hideTimer() {var $timer = $('#_contents');var $timerMsk = $('#_contentsMsk');$timer.hide();$timerMsk.hide();}function _SetTime(tt) {var $timerMsk = $('#_contentsMsk');$timerMsk.show();_fieldname = tt;var ttop = tt.offsetTop;//TT控件的定位点高var thei = tt.clientHeight;//TT控件本身的高var tleft = tt.offsetLeft;//TT控件的定位点宽while ( tt = tt.offsetParent) {ttop += tt.offsetTop;tleft += tt.offsetLeft;}document.getElementById("_contents").style.top = ttop + thei + 4 + 'px';document.getElementById("_contents").style.left = tleft + 'px';if (document.getElementById("_contents").style.display == "none") {document.getElementById("_contents").style.display = "block";} else {document.getElementById("_contents").style.display = "none";}}
0 0