JavaScript实现popup日期控件（一）

最新推荐文章于 2021-01-19 11:42:37 发布
最新推荐文章于 2021-01-19 11:42:37 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： BinaryStar 文章标签： javascript function input null border date
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mynickel2000/article/details/1215016
版权
<script type="text/javascript"> function GetDefineX(ObjectID) { var iPositionX=ObjectID.offsetLeft; while(ObjectID=ObjectID.offsetParent) { iPositionX+=ObjectID.offsetLeft-ObjectID.scrollLeft; } return iPositionX; } function GetDefineY(ObjectID) { var iPositionY=ObjectID.offsetTop; while(ObjectID=ObjectID.offsetParent) { iPositionY+=ObjectID.offsetTop-ObjectID.scrollTop; } return iPositionY; } String.prototype.Trim = function() { return this.replace(/(^/s*)|(/s*$)/g, ""); } String.prototype.LTrim = function() { return this.replace(/(^/s*)/g, ""); } String.prototype.RTrim = function() { return this.replace(/(/s*$)/g, ""); } var BSPopup = window.createPopup(); BSDate.cl_resClickLater = '请在页面显示完了之后，再点击。'; BSDate.cl_resDateDrop = '▼'; BSDate.cl_resDateTitle = '选择日期'; BSDate.cl_resDateUp = '▲'; BSDate.cl_resDay = '日'; BSDate.cl_resMonth = '月'; BSDate.cl_resMonth1 = '一月'; BSDate.cl_resMonth10 = '十月'; BSDate.cl_resMonth11 = '十一月'; BSDate.cl_resMonth12 = '十二月'; BSDate.cl_resMonth2 = '二月'; BSDate.cl_resMonth3 = '三月'; BSDate.cl_resMonth4 = '四月'; BSDate.cl_resMonth5 = '五月'; BSDate.cl_resMonth6 = '六月'; BSDate.cl_resMonth7 = '七月'; BSDate.cl_resMonth8 = '八月'; BSDate.cl_resMonth9 = '九月'; BSDate.cl_resMonthNext = '下月'; BSDate.cl_resMonthNextBtn = '》'; BSDate.cl_resMonthPrev = '上月'; BSDate.cl_resMonthPrevBtn = '《'; BSDate.cl_resWeek1 = '一'; BSDate.cl_resWeek2 = '二'; BSDate.cl_resWeek3 = '三'; BSDate.cl_resWeek4 = '四'; BSDate.cl_resWeek5 = '五'; BSDate.cl_resWeek6 = '六'; BSDate.cl_resWeek7 = '日'; BSDate.cl_resYear = '年'; BSDate.dateHTML = ""; BSDate.m_iDatePickerCount=0; BSDate.cl_dpMaxYear=2150; BSDate.cl_dpMaxMonth=11; BSDate.cl_dpMaxDay=31; BSDate.cl_dpMinYear=1901; BSDate.cl_dpMinMonth=0; BSDate.cl_dpMinDay=1; BSPopup_style_title = "FONT-WEIGHT: normal;FONT-SIZE: 9pt;COLOR: #fffacd;background-COLOR: #00008b;"; BSPopup_style_frameinput = "height:18px;width:15px;BORDER: black 0px solid;FONT-WEIGHT: normal;FONT-SIZE: 9pt;black: blue;LINE-HEIGHT: normal;FONT-STYLE: normal;background-COLOR: transparent;Text-ALIGN: right;FONT-VARIANT: normal;"; BSPopup_style_framebtn = "BORDER-RIGHT: black 1px solid;border-TOP: white 1px solid;FONT-WEIGHT: normal;FONT-SIZE: 9pt;border-LEFT: white 1px solid;width: 16px;COLOR: blue;LINE-HEIGHT: normal;border-BOTTOM: black 1px solid;FONT-STYLE: normal;background-COLOR: silver;FONT-VARIANT: normal;"; BSPopup_style_framebtnOK = "BORDER-RIGHT: black 1px solid;border-TOP: white 1px solid;FONT-WEIGHT: normal;FONT-SIZE: 9pt;border-LEFT: white 1px solid;width: 30px;COLOR: blue;LINE-HEIGHT: normal;border-BOTTOM: black 1px solid;FONT-STYLE: normal;background-COLOR: silver;FONT-VARIANT: normal;"; BSPopup_style_framebtnOK2 = "background-COLOR: silver;BORDER-RIGHT: black 1px solid;border-TOP: white 1px solid;width: 16px;border-LEFT: white 1px solid;border-BOTTOM: black 1px solid;height: 8px;font-family:Webdings;font-size: 7px;line-height: 2px;padding-left: 2px;cursor: default;"; BSPopup_style_weekname = "FONT-WEIGHT: normal;COLOR: #00008b;LINE-HEIGHT: normal;BORDER-BOTTOM: black 1px solid;FONT-SIZE: 9pt;FONT-STYLE: normal;TEXT-ALIGN: center;FONT-VARIANT: normal;"; BSPopup_style_table = "BORDER-TOP: lightgrey 1px solid;BORDER-LEFT: lightgrey 1px solid;CURSOR: default;BORDER-right: black 1px solid;BORDER-BOTTOM: black 1px solid;POSITION: absolute;BACKGROUND-COLOR: #ffffff;"; BSPopup_style_DPCellOther = "FONT-WEIGHT: normal;FONT-SIZE: 9pt;CURSOR: hand;COLOR: silver;LINE-HEIGHT: normal;FONT-STYLE: normal;TEXT-ALIGN: center;FONT-VARIANT: normal;"; BSPopup_style_DPCell = "FONT-WEIGHT: normal;FONT-SIZE: 9pt;CURSOR: hand;COLOR: #00008b;LINE-HEIGHT: normal;FONT-STYLE: normal;TEXT-ALIGN: center;FONT-VARIANT: normal;"; BSPopup_style_DPCellSelect = "FONT-WEIGHT: normal;FONT-SIZE: 9pt;CURSOR: hand;COLOR: #000000;LINE-HEIGHT: normal;FONT-STYLE: normal;TEXT-ALIGN: center;FONT-VARIANT: normal;BACKGROUND-COLOR: #ffa07a;"; function KeyFilter(type) { var berr=false; switch(type) { case 'date': if (!(event.keyCode == 45 || event.keyCode == 47 || (event.keyCode>=48 && event.keyCode<=57))) berr=true; break; case 'number': if (!(event.keyCode>=48 && event.keyCode<=57)) berr=true; break; case 'cy': if (!(event.keyCode == 46 || (event.keyCode>=48 && event.keyCode<=57))) berr=true; break; case 'long': if (!(event.keyCode == 45 || (event.keyCode>=48 && event.keyCode<=57))) berr=true; break; case 'double': if (!(event.keyCode == 45 || event.keyCode == 46 || (event.keyCode>=48 && event.keyCode<=57))) berr=true; break; default: if (event.keyCode == 35 || event.keyCode == 37 || event.keyCode==38) berr=true; } return !berr; } function dateCompare(thisDt, dtCompare){ var hr = -1; if(thisDt && dtCompare) { if(thisDt.getFullYear()>dtCompare.getFullYear()) hr=1; else if(thisDt.getFullYear() dtCompare.getMonth()) hr=1; else if(thisDt.getMonth() dtCompare.getDate()) hr=1; else if(thisDt.getDate() 2) { y=y.substring(y.length-2,y.length); } sFormat=sFormat.replace(/yy/ig,y); var temp = dt.getMonth()+1; if (temp < 10){ temp = "0"+temp; } sFormat=sFormat.replace(/mm/ig,temp); temp = dt.getDate(); if (temp < 10){ temp = "0"+temp; } sFormat=sFormat.replace(/dd/ig,temp); temp = dt.getHours(); if (temp < 10){ temp = "0"+temp; } sFormat=sFormat.replace(/hh24/ig,temp); temp = dt.getMinutes(); if (temp < 10){ temp = "0"+temp; } sFormat=sFormat.replace(/mi/ig,temp); sFormat=sFormat.replace(/ss/ig,"00"); return sFormat; } function StringToDate(inStr){ var dt = new Date(); if (inStr != null && inStr != ""){ var dList = null; var tList = null; if (inStr.indexOf(' ') < 1){ dList = inStr.split('-'); } else{ dList = (inStr.substring(0, inStr.indexOf(' '))).split('-'); tList = (inStr.substring(inStr.indexOf(' ')+1, inStr.length)).split(':'); } dt.setYear(dList[0]); dt.setMonth(dList[1]-1); dt.setDate(dList[2]); if (tList != null){ dt.setHours(tList[0]); dt.setMinutes(tList[1]); } else{ dt.setHours(0); dt.setMinutes(0); } } return dt; } function BSDate(name, elmName, readonly, showTime){ this.name = name || "bsDate"; this.readonly = readonly || false; this.elmName = elmName || "bsDateObj"; this.showTime; if (showTime == null){ this.showTime = true; } else{ this.showTime = showTime; } this.bsdate = new Date(); this.getMonthName = function(lMonth){ var mnArr=new Array(BSDate.cl_resMonth1,BSDate.cl_resMonth2,BSDate.cl_resMonth3,BSDate.cl_resMonth4,BSDate.cl_resMonth5,BSDate.cl_resMonth6, BSDate.cl_resMonth7,BSDate.cl_resMonth8,BSDate.cl_resMonth9,BSDate.cl_resMonth10,BSDate.cl_resMonth11,BSDate.cl_resMonth12); return mnArr[lMonth]; } this.getDateObj = function (){ return this.bsdate; } this.getDateStr = function (){ return document.getElementById(this.elmName).value; } this.updateDateTime = function(dt, lYear, lMonth, lDay, lHours, lMins){ if (this.readonly){ return; } if (dt == null){ lYear=parseInt(lYear,10); lMonth=parseInt(lMonth,10); lDay=parseInt(lDay,10); lHours=parseInt(lHours,10); lMins=parseInt(lMins,10); if(!(isNaN(lYear) || isNaN(lMonth) || isNaN(lDay) || isNaN(lHours) || isNaN(lMins))){ if (lYear<=BSDate.cl_dpMinYear){ lYear = BSDate.cl_dpMinYear; } else if (lYear>=BSDate.cl_dpMaxYear){ lYear = BSDate.cl_dpMaxYear; } this.bsdate.setYear(lYear); this.bsdate.setMonth(lMonth-1); this.bsdate.setDate(lDay); this.bsdate.setHours(lHours); this.bsdate.setMinutes(lMins); } } else{ this.bsdate = dt; } this.setInputDate(); } this.updateDate = function(lYear, lMonth, lDay){ if (this.readonly){ return; } lYear=parseInt(lYear,10); lMonth=parseInt(lMonth,10); lDay=parseInt(lDay,10); if(!(isNaN(lYear) || isNaN(lMonth) || isNaN(lDay))){ if (lYear<=BSDate.cl_dpMinYear){ lYear = BSDate.cl_dpMinYear; } else if (lYear>=BSDate.cl_dpMaxYear){ lYear = BSDate.cl_dpMaxYear; } this.bsdate.setYear(lYear); this.bsdate.setMonth(lMonth-1); this.bsdate.setDate(lDay); } this.setInputDate(); } this.updateTime = function(lHours, lMins){ if (this.readonly){ return; } lHours=parseInt(lHours,10); lMins=parseInt(lMins,10); if(!(isNaN(lHours) || isNaN(lMins))){ this.bsdate.setHours(lHours); this.bsdate.setMinutes(lMins); } this.setInputDate(); } this.setReadonly = function(readonly){ this.readonly = readonly || false; if (document.getElementById(this.elmName) != null){ var col = "black"; if (this.readonly){ col = "silver"; } document.getElementById(this.name+"_input_year").readOnly = this.readonly; document.getElementById(this.name+"_input_month").readOnly = this.readonly; document.getElementById(this.name+"_input_day").readOnly = this.readonly; document.getElementById(this.name+"_input_hour").readOnly = this.readonly; document.getElementById(this.name+"_input_min").readOnly = this.readonly; document.getElementById(this.name+"_btn").style.color = col; } } this.setTimeShow = function(showTime){ this.showTime = showTime || false; if (document.getElementById(this.elmName) != null){ var col = "none"; if (this.showTime){ col = ""; } var stformt="yyyy-mm-dd hh24:mi:ss"; if (!this.showTime){ stformt = "yyyy-mm-dd"; } document.getElementById(this.name+"_input_hour").style.display = col; document.getElementById(this.name+"_input_mh").style.display = col; document.getElementById(this.name+"_input_min").style.display = col; document.getElementById(this.elmName).value = dateFormat(this.bsdate, stformt); } } this.setDateHTML = function(){ this.setInputDate(); var dt = new Date(this.bsdate.getFullYear(),this.bsdate.getMonth(),1); var tempDt=new Date(this.bsdate.getFullYear(),this.bsdate.getMonth(),1-dt.getDay()); BSDate.dateHTML = "
"; BSDate.dateHTML += "
"; BSDate.dateHTML += "
"+BSDate.cl_resMonthPrevBtn+"
"; BSDate.dateHTML += "
"+this.getMonthName(this.bsdate.getMonth())+" "+this.bsdate.getFullYear()+"
"; BSDate.dateHTML += "
"+BSDate.cl_resMonthNextBtn+"
"; BSDate.dateHTML += " "; BSDate.dateHTML += "
"; BSDate.dateHTML += "
 "+BSDate.cl_resWeek7+" 
"; BSDate.dateHTML += "
 "+BSDate.cl_resWeek1+" 
"; BSDate.dateHTML += "
 "+BSDate.cl_resWeek2+" 
"; BSDate.dateHTML += "
 "+BSDate.cl_resWeek3+" 
"; BSDate.dateHTML += "
 "+BSDate.cl_resWeek4+" 
"; BSDate.dateHTML += "
 "+BSDate.cl_resWeek5+" 
"; BSDate.dateHTML += "
 "+BSDate.cl_resWeek6+" 
"; BSDate.dateHTML += " "; var day=tempDt.getDate(); for(var i=2; i<8; i++){ BSDate.dateHTML += "
"; for(var j=0; j<7; j++){ BSDate.dateHTML += "
"; tempDt.setDate(day+1); day=tempDt.getDate(); } BSDate.dateHTML += "
"; } BSDate.dateHTML += "
"; BSDate.dateHTML += "
"; BSDate.dateHTML += "
"; if (this.showTime){ BSDate.dateHTML += " 		"+this.bsdate.getHours()+"
"; BSDate.dateHTML += "
"; BSDate.dateHTML += "
"; BSDate.dateHTML += ""; BSDate.dateHTML += "		"+this.bsdate.getMinutes()+"
"; BSDate.dateHTML += "
"; BSDate.dateHTML += "
"; BSDate.dateHTML += ""; BSDate.dateHTML += "		分
"; } else{ BSDate.dateHTML += "
 
"; } BSDate.dateHTML += "
"; BSDate.dateHTML += "
"; BSDate.dateHTML += " "; BSDate.dateHTML += " "; BSDate.dateHTML += " "; BSDate.dateHTML += " "; } this.show = function(type){ var lYear=this.bsdate.getFullYear(); var lMonth=this.bsdate.getMonth()+1; if (lMonth < 10){ lMonth = "0"+lMonth; } var lDay=this.bsdate.getDate(); if (lDay < 10){ lDay = "0"+lDay; } var lHours=this.bsdate.getHours(); if (lHours < 10){ lHours = "0"+lHours; } var lMins=this.bsdate.getMinutes(); if (lMins < 10){ lMins = "0"+lMins; } var ro = "", rosty=""; if (this.readonly){ ro = " readonly=/"readonly/""; rosty="color:silver;"; } var st = "",stformt="yyyy-mm-dd hh24:mi:ss"; if (!this.showTime){ st = "display:none;"; stformt = "yyyy-mm-dd"; } var tempHTML = " "; tempHTML += " "; tempHTML += " "; tempHTML += " "+BSDate.cl_resYear+""; tempHTML += " "; tempHTML += " "+BSDate.cl_resMonth+""; tempHTML += " "; tempHTML += " "+BSDate.cl_resDay+""; tempHTML += " "; tempHTML += " :"; tempHTML += " "; tempHTML += " "+BSDate.cl_resDateDrop+""; if(typeof(this.name)=="string" && this.name.length>0){ tempHTML += " "; } tempHTML += " "; tempHTML += ""; if (type == null || type){ document.write(tempHTML); } return tempHTML; } this.showDig = function(inObjID){ if (this.readonly){ return; } var left = 128; this.setDateHTML(); if (!this.showTime){ left = 90; } BSPopup.document.body.innerHTML=BSDate.dateHTML; BSPopup.show(GetDefineX(inObjID)-left, GetDefineY(inObjID)+14, 184, 162, document.body); } this.setInputDate = function(){ if (document.getElementById(this.elmName) != null){ var lYear=this.bsdate.getFullYear(); var lMonth=this.bsdate.getMonth()+1; if (lMonth < 10){ lMonth = "0"+lMonth; } var lDay=this.bsdate.getDate(); if (lDay < 10){ lDay = "0"+lDay; } var lHours=this.bsdate.getHours(); if (lHours < 10){ lHours = "0"+lHours; } var lMins=this.bsdate.getMinutes(); if (lMins < 10){ lMins = "0"+lMins; } var stformt="yyyy-mm-dd hh24:mi:ss"; if (!this.showTime){ stformt = "yyyy-mm-dd"; } document.getElementById(this.name+"_input_year").value = lYear; document.getElementById(this.name+"_input_month").value = lMonth; document.getElementById(this.name+"_input_day").value = lDay; document.getElementById(this.name+"_input_hour").value = lHours; document.getElementById(this.name+"_input_min").value = lMins; document.getElementById(this.elmName).value = dateFormat(this.bsdate, stformt); } } this.dateBlur = function(srcType){ if (this.readonly){ return true; } var src=event.srcElement; var lYear=this.bsdate.getFullYear(); var lMonth=this.bsdate.getMonth()+1; var lDay=this.bsdate.getDate(); var lHours=this.bsdate.getHours(); var lMins=this.bsdate.getMinutes(); var val=parseInt(src.value,10); if(isNaN(val)){ val=-1; } switch(srcType) { case 'year': lYear=val==-1?lYear:val; break; case 'month': lMonth=val==-1?lMonth:val; break; case 'day': lDay=val==-1?lDay:val; break; case 'hour': lHours=val==-1?lHours:val; break; case 'min': lMins=val==-1?lMins:val; break; default:break; } this.setCurDate(lYear, lMonth, lDay, lHours, lMins); return true; } this.dateFocus = function (srcType){ if (this.readonly){ return true; } var src=event.srcElement; if(src && src.tagName=="INPUT") { switch(srcType) { case 'year': break; case 'month': break; case 'day': break; case 'hour': break; case 'min': break; default:; } src.select(); } return true; } this.keyDown = function (srcType){ if (this.readonly){ return true; } var bRefresh=true; var src=event.srcElement; var lYear=this.bsdate.getFullYear(); var lMonth=this.bsdate.getMonth(); var lDay=this.bsdate.getDate(); var lHours=this.bsdate.getHours(); var lMins=this.bsdate.getMinutes(); var lStep=0; switch(event.keyCode){ case 38: lStep=1; break; case 40: lStep=-1; break; case 13: event.keyCode=9; bRefresh=false; break; default:bRefresh=false;break; } switch(srcType) { case 'year': lYear+=lStep; break; case 'month': lMonth+=lStep; break; case 'day': lDay+=lStep; break; case 'hour': lHours+=lStep; break; case 'min': lMins+=lStep; break; default:break; } if(bRefresh){ this.setCurDate(lYear, lMonth+1, lDay, lHours, lMins); } return true; } this.setCurDate = function(lYear, lMonth, lDay, lHours, lMins){ var hr=false; lYear=parseInt(lYear,10); lMonth=parseInt(lMonth,10); lDay=parseInt(lDay,10); lHours=parseInt(lHours,10); lMins=parseInt(lMins,10); if(!(isNaN(lYear) || isNaN(lMonth) || isNaN(lDay) || isNaN(lHours) || isNaN(lHours))){ var dt=new Date(lYear, lMonth-1 , lDay, lHours, lMins); var dMax=new Date(BSDate.cl_dpMaxYear,BSDate.cl_dpMaxMonth,BSDate.cl_dpMaxDay,23,59); var dMin=new Date(BSDate.cl_dpMinYear,BSDate.cl_dpMinMonth,BSDate.cl_dpMinDay,0,0); if(dateCompare(dt, dMax)<=0 && dateCompare(dt, dMin)>=0){ this.bsdate=dt; } else if (dateCompare(dt, dMax)>0){ this.bsdate = dMax } else if (dateCompare(dt, dMin)<0){ this.bsdate = dMin } hr=true; } if(hr){ this.setInputDate(); } return hr; } this.toDay = function(event){ event.returnValue=false; var today = new Date(); this.bsdate.setYear(today.getFullYear()); this.bsdate.setMonth(today.getMonth()); this.bsdate.setDate(today.getDate()); this.bsdate.setHours(today.getHours()); this.bsdate.setMinutes(today.getMinutes()); this.setDateHTML(); BSPopup.document.body.innerHTML=BSDate.dateHTML; return false; } this.changeDay = function(event, inYear, inMonth, inDay){ this.bsdate.setYear(inYear); this.bsdate.setMonth(inMonth); this.bsdate.setDate(inDay); this.setDateHTML(); BSPopup.document.body.innerHTML=BSDate.dateHTML; return false; } this.changeHour = function(event, inHour){ event.returnValue=false; this.bsdate.setHours(this.bsdate.getHours() + inHour); this.setDateHTML(); BSPopup.document.body.innerHTML=BSDate.dateHTML; return false; } this.changeMin = function(event, inMin){ event.returnValue=false; this.bsdate.setMinutes(this.bsdate.getMinutes() + inMin); this.setDateHTML(); BSPopup.document.body.innerHTML=BSDate.dateHTML; return false; } this.changeMonth = function(event, arrFlg){ var dMax=new Date(BSDate.cl_dpMaxYear,BSDate.cl_dpMaxMonth-1,BSDate.cl_dpMaxDay,0,0); var dMin=new Date(BSDate.cl_dpMinYear,BSDate.cl_dpMinMonth+1,BSDate.cl_dpMinDay,0,0); if (arrFlg){ if (dateCompare(this.bsdate, dMin)>0){ this.bsdate.setMonth(this.bsdate.getMonth()-1); } } else{ if (dateCompare(this.bsdate, dMax)<0){ this.bsdate.setMonth(this.bsdate.getMonth()+1); } } this.setDateHTML(); BSPopup.document.body.innerHTML=BSDate.dateHTML; } } </script>
 
<script language="JavaScript"> var DateSam = new BSDate("DateSam", "elm_DateSam"); DateSam.updateTime(00, 00); DateSam.show(); </script>
mynickel2000
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue 实现日期选择器(time-picker)与Popup结合-----vant
qq_39897978的博客
02-05 2685
刚开始本来想用ant-design-mobile，但是react的库和vue不兼容，所以最后找到了vux ,但是这个包有问题 ，最后就找到了vant的库，使用它的datepicker和popup组件，实现了我的功能，点击选择日期就弹出选择框： <el-form-item label="日期" > <el-input class="...
Popup.js（有用例及注释）
09-01
Popup.js 是一个很不错的javaScript 弹出窗口js库。 可修改，可括展性好。 Web编程必备的好工具啊。 下载后解压，打开Demo.html即可以看到效果了。 希望对大家有帮助！！
JavaScript实现popup日期控件（三）
Binarystar 之家
09-12 1024
应用  table>    tbody>        tr>            td>input class="button" onclick="alert(DateSam.getDateStr())" type="button" value="得到时间" />td>            td>input class="button" onclick="DateSam.setT
JavaScript Popup Boxes
SlimApp
07-16 3149
JavaScript has three kind of popup boxes: Alert box, Confirm box, and Prompt box.Alert BoxAn alert box is often used if you want to make sur
javascript:popUp() 伪协议 没有弹出
滕青山博客
01-19 342
【DOM编程艺术】javascript:伪协议和onclick 弹出窗口 问题： 为了方便所以直接在html文件中，写了这么一句 <a href="javascript:popup('http://www.tuziang.com/')">Example</a> 浏览器打开点击就是没有效果。 原因： 因为。。popUp()这个需要自己去定义....JavaScript只提供window.open方法给我们创建新的浏览器窗口。还是太小白了。 后续补充：搜狗浏览器没有
JavaScript实现popup日期控件（二）
Binarystar 之家
09-12 1486
共公部分css：body{...}{font-family: verdana;font-size: 9pt;}table{...}{font-family: verdana;font-size: 9pt;}a{...}{font-family: verdana;font-size: 9pt;color: blue;}.table_a{...}{border: #bababa 1px s
一个Popup的日历控件
一个懒虫的专栏
10-25 1399
我在使用Meizz的日历控件的时候，有时候会有一些问题。就是在一个很狭窄的Frame中使用，往往弹出以后只看到上面的标题，下面的日历都看不到了。所以，本人在Meizz的日历基础上修改，改用createPopup窗口，取消了一些功能，不对的地方还请大家指出。document.write("");document.write("");var cPopup = window.createPopu
javaScript Popup.js
farawayplace613的专栏
09-01 1万+
Popup.js 是一个很不错的javaScript 弹出窗口js库。可修改，可括展性好。Web编程必备的好工具啊。//测试文件  New Document  function ShowIframe() //显示iframe         {             var pop=new Popup({ contentType:1,isReloadOnClose:fal
关于mintUI中popup弹层和datePicker的使用中各种文档不全自行摸索的记录
zhangkegu的博客
09-11 389
该项目中选用了mintUI框架，但是用起来发现文档并不那么全面，但已经写好很多页面和功能了，因此只好继续摸索，其中包括日期选择器的初始值设置，起始结束年限的设置，timepicker默认选中的小时和分钟的初始值设置等；如下： 1.效果： 2.代码： 1). datepicker的HTML结构代码； 2） data数据设置代码 3）. 函数代码 4）.po...
项目总结之关于vue中使用mint-ui的mt-popup出现滚动穿透问题的解决总结
时清云的博客
04-24 5694
说实话，使用Mint-ui这个ui组件的过程中遇到了很多问题，这个ui组件问题真多。先说今天的主题吧，我在使用popup选择框的时候和datepicker时间选择器的时候出现了滚动穿透的问题，特别是在ios上面。找了好多方法，最后同事给出了一个好的方法，很简洁，于是就想着总结下来。代码如下： Popup组件： <mt-popup v-model="popupVisible" ...
js原生popup_利用js实现popup弹窗
weixin_42662293的博客
12-24 1603
简单实现一个通过一个网页，点击生成一个弹窗，然后点击保存之后自动关闭弹窗的功能。首先在settings文件中写上两条对应的路由关系。1 urlpatterns =[2 url(r'^p1/', p1),3 url(r'^p2/', p2),4 ]我们可以肯定的是我们需要一个网页，然后弹出另一个网页，所以我们还需要两个视图函数。1 defp1(request):2 retur...
div+javascript实现popup
苏某人的传奇世界
11-09 5039
     // JScript 文件////////////DIV实现popup////////////显示popup///controlID表示要在它上面创建popup的ID///height表示你所要创建的高度function showPopup(controlID,height){    var objControl = document.getElementB
Mint-ui 框架Popup和Datetime Picker组件滚动穿透解决方式
Super红领巾
11-07 4634
Popup组件 // 官方实例 &amp;lt;mt-popup v-model=&quot;popupVisible&quot; position=&quot;bottom&quot;&amp;gt; ... &amp;lt;/mt-popup&amp;gt; // 解决方式，通过监听popupVisible变量,在弹窗出现后禁止bode节点touchMove事件，弹窗消失后恢复body节点的touchMove事件（touchm
js原生popup_JavaScript的popup框
weixin_39638048的博客
12-24 461
确认框用于使用户可以验证或者接受某些信息。当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。语法：confirm("文本")function show_confirm(){var r=confirm("Press a button!");if (r==true){alert("You pressed ...
vue + vant 移动端 手机端时间插件点击自带键盘和选择时间表同时弹出问题。
qq_36165747的博客
11-30 9400
最新在写一个新项目，就是用vue + vant 做的一个app,之前没用过vant来写过。在一个选择时间的时候遇到了一个问题，电脑模拟器没什么问题，打包放到手机上出现的问题是自带键盘和选择时间显示的同时弹出了， &lt;div class="date-time-input-wrap"&gt; &lt;van-field v-model="loginForm.st...
Popup.js 弹出窗口
热门推荐
我的个人技术专栏
08-13 2万+
//Popup class 显示弹出窗口，简单整理了一下。 /* // 示例用法          function ShowIframe() //显示iframe          {              var pop=new Popup({ contentType:1,isReloadOnClose:false,width:400,height:500});
popup的javascript弹出窗口的实现
Welcome to here !
04-13 640
popup is used to create javascript popup windows. popup 用于创建javascript弹出窗口. {* popup_init must be called once at the top of the page *} {popup_init src="/javascripts/overlib.js"} {* crea...
popup的两种方法
2002pine的专栏
09-24 2031
var pop; function window.onload() { document.all .eMeng.style.display=none; window.setTimeout(aaa,5000); } function aaa() { var div=document.all .eMeng;
JavaScript实现通信平台接口对象与弹出菜单功能
本资源是一份关于通信平台业务接口源程序的C语言实现，主要关注于与eSpace相关的功能。程序涉及的核心部分是`ensureeSpaceControl`和`init`函数，它们主要用于管理和操作一个嵌入式对象（object）以及一个弹出菜单...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mynickel2000

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值