JS日期选择器

  1 <html>

  2 <head>

  3 <title>JS日期选择器</title>

  4 <script type="text/javascript">

  5 function HS_DateAdd(interval,number,date){

  6     number = parseInt(number);

  7     if (typeof(date)=="string"){var date = new Date(date.split("-")[0],date.split("-")[1],date.split("-")[2])}

  8     if (typeof(date)=="object"){var date = date}

  9     switch(interval){

 10     case "y":return new Date(date.getFullYear()+number,date.getMonth(),date.getDate()); break;

 11     case "m":return new Date(date.getFullYear(),date.getMonth()+number,checkDate(date.getFullYear(),date.getMonth()+number,date.getDate())); break;

 12     case "d":return new Date(date.getFullYear(),date.getMonth(),date.getDate()+number); break;

 13     case "w":return new Date(date.getFullYear(),date.getMonth(),7*number+date.getDate()); break;

 14     }

 15 }

 16 function checkDate(year,month,date){

 17     var enddate = ["31","28","31","30","31","30","31","31","30","31","30","31"];

 18     var returnDate = "";

 19     if (year%4==0){enddate[1]="29"}

 20     if (date>enddate[month]){returnDate = enddate[month]}else{returnDate = date}

 21     return returnDate;

 22 }

 23 

 24 function WeekDay(date){

 25     var theDate;

 26     if (typeof(date)=="string"){theDate = new Date(date.split("-")[0],date.split("-")[1],date.split("-")[2]);}

 27     if (typeof(date)=="object"){theDate = date}

 28     return theDate.getDay();

 29 }

 30 function HS_calender(){

 31     var lis = "";

 32     var style = "";

 33     style +="<style type='text/css'>";

 34     style +=".calender { width:170px; height:auto; font-size:12px; margin-right:14px; background:url(calenderbg.gif) no-repeat right center #fff; border:1px solid #397EAE; padding:1px}";

 35     style +=".calender ul {list-style-type:none; margin:0; padding:0;}";

 36     style +=".calender .day { background-color:#EDF5FF; height:20px;}";

 37     style +=".calender .day li,.calender .date li{ float:left; width:14%; height:20px; line-height:20px; text-align:center}";

 38     style +=".calender li a { text-decoration:none; font-family:Tahoma; font-size:11px; color:#333}";

 39     style +=".calender li a:hover { color:#f30; text-decoration:underline}";

 40     style +=".calender li a.hasArticle {font-weight:bold; color:#f60 !important}";

 41     style +=".lastMonthDate, .nextMonthDate {color:#bbb;font-size:11px}";

 42     style +=".selectThisYear a, .selectThisMonth a{text-decoration:none; margin:0 2px; color:#000; font-weight:bold}";

 43     style +=".calender .LastMonth, .calender .NextMonth{ text-decoration:none; color:#000; font-size:18px; font-weight:bold; line-height:16px;}";

 44     style +=".calender .LastMonth { float:left;}";

 45     style +=".calender .NextMonth { float:right;}";

 46     style +=".calenderBody {clear:both}";

 47     style +=".calenderTitle {text-align:center;height:20px; line-height:20px; clear:both}";

 48     style +=".today { background-color:#ffffaa;border:1px solid #f60; padding:2px}";

 49     style +=".today a { color:#f30; }";

 50     style +=".calenderBottom {clear:both; border-top:1px solid #ddd; padding: 3px 0; text-align:left}";

 51     style +=".calenderBottom a {text-decoration:none; margin:2px !important; font-weight:bold; color:#000}";

 52     style +=".calenderBottom a.closeCalender{float:right}";

 53     style +=".closeCalenderBox {float:right; border:1px solid #000; background:#fff; font-size:9px; width:11px; height:11px; line-height:11px; text-align:center;overflow:hidden; font-weight:normal !important}";

 54     style +="</style>";

 55 

 56     var now;

 57     if (typeof(arguments[0])=="string"){

 58         selectDate = arguments[0].split("-");

 59         var year = selectDate[0];

 60         var month = parseInt(selectDate[1])-1+"";

 61         var date = selectDate[2];

 62         now = new Date(year,month,date);

 63     }else if (typeof(arguments[0])=="object"){

 64         now = arguments[0];

 65     }

 66     var lastMonthEndDate = HS_DateAdd("d","-1",now.getFullYear()+"-"+now.getMonth()+"-01").getDate();

 67     var lastMonthDate = WeekDay(now.getFullYear()+"-"+now.getMonth()+"-01");

 68     var thisMonthLastDate = HS_DateAdd("d","-1",now.getFullYear()+"-"+(parseInt(now.getMonth())+1).toString()+"-01");

 69     var thisMonthEndDate = thisMonthLastDate.getDate();

 70     var thisMonthEndDay = thisMonthLastDate.getDay();

 71     var todayObj = new Date();

 72     today = todayObj.getFullYear()+"-"+todayObj.getMonth()+"-"+todayObj.getDate();

 73     

 74     for (i=0; i<lastMonthDate; i++){  // Last Month's Date

 75         lis = "<li class='lastMonthDate'>"+lastMonthEndDate+"</li>" + lis;

 76         lastMonthEndDate--;

 77     }

 78     for (i=1; i<=thisMonthEndDate; i++){ // Current Month's Date

 79 

 80         if(today == now.getFullYear()+"-"+now.getMonth()+"-"+i){

 81             var todayString = now.getFullYear()+"-"+(parseInt(now.getMonth())+1).toString()+"-"+i;

 82             lis += "<li><a href=javascript:void(0) class='today' onclick='_selectThisDay(this)' title='"+now.getFullYear()+"-"+(parseInt(now.getMonth())+1)+"-"+i+"'>"+i+"</a></li>";

 83         }else{

 84             lis += "<li><a href=javascript:void(0) onclick='_selectThisDay(this)' title='"+now.getFullYear()+"-"+(parseInt(now.getMonth())+1)+"-"+i+"'>"+i+"</a></li>";

 85         }

 86         

 87     }

 88     var j=1;

 89     for (i=thisMonthEndDay; i<6; i++){  // Next Month's Date

 90         lis += "<li class='nextMonthDate'>"+j+"</li>";

 91         j++;

 92     }

 93     lis += style;

 94 

 95     var CalenderTitle = "<a href='javascript:void(0)' class='NextMonth' onclick=HS_calender(HS_DateAdd('m',1,'"+now.getFullYear()+"-"+now.getMonth()+"-"+now.getDate()+"'),this) title='Next Month'>&raquo;</a>";

 96     CalenderTitle += "<a href='javascript:void(0)' class='LastMonth' onclick=HS_calender(HS_DateAdd('m',-1,'"+now.getFullYear()+"-"+now.getMonth()+"-"+now.getDate()+"'),this) title='Previous Month'>&laquo;</a>";

 97     CalenderTitle += "<span class='selectThisYear'><a href='javascript:void(0)' onclick='CalenderselectYear(this)' title='Click here to select other year' >"+now.getFullYear()+"</a></span>年<span class='selectThisMonth'><a href='javascript:void(0)' onclick='CalenderselectMonth(this)' title='Click here to select other month'>"+(parseInt(now.getMonth())+1).toString()+"</a></span>月"; 

 98 

 99     if (arguments.length>1){

100         arguments[1].parentNode.parentNode.getElementsByTagName("ul")[1].innerHTML = lis;

101         arguments[1].parentNode.innerHTML = CalenderTitle;

102 

103     }else{

104         var CalenderBox = style+"<div class='calender'><div class='calenderTitle'>"+CalenderTitle+"</div><div class='calenderBody'><ul class='day'><li>日</li><li>一</li><li>二</li><li>三</li><li>四</li><li>五</li><li>六</li></ul><ul class='date' id='thisMonthDate'>"+lis+"</ul></div><div class='calenderBottom'><a href='javascript:void(0)' class='closeCalender' onclick='closeCalender(this)'>×</a><span><span><a href=javascript:void(0) onclick='_selectThisDay(this)' title='"+todayString+"'>Today</a></span></span></div></div>";

105         return CalenderBox;

106     }

107 }

108 function _selectThisDay(d){

109     var boxObj = d.parentNode.parentNode.parentNode.parentNode.parentNode;

110         boxObj.targetObj.value = d.title;

111         boxObj.parentNode.removeChild(boxObj);

112 }

113 function closeCalender(d){

114     var boxObj = d.parentNode.parentNode.parentNode;

115         boxObj.parentNode.removeChild(boxObj);

116 }

117 

118 function CalenderselectYear(obj){

119         var opt = "";

120         var thisYear = obj.innerHTML;

121         for (i=1970; i<=2020; i++){

122             if (i==thisYear){

123                 opt += "<option value="+i+" selected>"+i+"</option>";

124             }else{

125                 opt += "<option value="+i+">"+i+"</option>";

126             }

127         }

128         opt = "<select onblur='selectThisYear(this)' onchange='selectThisYear(this)' style='font-size:11px'>"+opt+"</select>";

129         obj.parentNode.innerHTML = opt;

130 }

131 

132 function selectThisYear(obj){

133     HS_calender(obj.value+"-"+obj.parentNode.parentNode.getElementsByTagName("span")[1].getElementsByTagName("a")[0].innerHTML+"-1",obj.parentNode);

134 }

135 

136 function CalenderselectMonth(obj){

137         var opt = "";

138         var thisMonth = obj.innerHTML;

139         for (i=1; i<=12; i++){

140             if (i==thisMonth){

141                 opt += "<option value="+i+" selected>"+i+"</option>";

142             }else{

143                 opt += "<option value="+i+">"+i+"</option>";

144             }

145         }

146         opt = "<select onblur='selectThisMonth(this)' onchange='selectThisMonth(this)' style='font-size:11px'>"+opt+"</select>";

147         obj.parentNode.innerHTML = opt;

148 }

149 function selectThisMonth(obj){

150     HS_calender(obj.parentNode.parentNode.getElementsByTagName("span")[0].getElementsByTagName("a")[0].innerHTML+"-"+obj.value+"-1",obj.parentNode);

151 }

152 function HS_setDate(inputObj){

153     var calenderObj = document.createElement("span");

154     calenderObj.innerHTML = HS_calender(new Date());

155     calenderObj.style.position = "absolute";

156     calenderObj.targetObj = inputObj;

157     inputObj.parentNode.insertBefore(calenderObj,inputObj.nextSibling);

158 }

159   </script>

160 <style>

161   body {font-size:12px}

162   td {text-align:center}

163   h1 {font-size:26px;}

164   h4 {font-size:16px;}

165   em {color:#999; margin:0 10px; font-size:11px; display:block}

166   </style>

167 </head>

168 <body>

169 <h4 style="border-bottom:1px solid #ccc">ver:1.0</h4>

170 <table border="1" width="400" height="150">

171     <tr>

172         <td>这是示例文字</td>

173         <td>示例输入框</td>

174         <td>文本文本文本</td>

175     </tr>

176     <tr>

177         <td>示例输入框</td>

178         <td><input type="text" style="width:70px" onfocus="HS_setDate(this)">文本</td>

179         <td>这里是你的文字</td>

180     </tr>

181     <tr>

182         <td>一段文字</td>

183         <td>示例输入框</td>

184         <td>文本<input type="text" style="width:70px" onfocus="HS_setDate(this)">文本</td>

185     </tr>

186 </table>

187 <ul>

188     <li>它不需要其他框架类支持</li>

189     <li>支持多种浏览器</li>

190     <li>点击年份、月份可下拉选择</li>

191 </ul>

192 </body>

193 </html>

你可能感兴趣的:(选择器)

  • redux 中的 hooks 改了一个昵称 react.jsreact.js
    文章目录redux中的hooksuseSelector基础使用第二个参数shallowEqualReselectReselect的核心API：`createSelector`结合`shallowEqual`高级用法：组合选择器多层选择器带参数的选择器深入解析：Reselect的工作原理(1)输入选择器的顺序(2)缓存的生命周期(3)深层嵌套状态的处理总结useDispatch获取dispatch函
  • python和vue结合开发前端_Python--前端之路-----Vue
    Vue导入Vue创建vue对象加载后执行：绑定：varvm=newVue({el:"#标签的id，此处类似于选择器",属性，方法})属性：data：{属性1："值1",属性2：值2，属性：true}方法：methods：{方法名1:function(){执行内容}，方法名2:function(){执行内容}}监听：watch：{属性名：function(){监听vue属性的数据变化，属性发生修改执
  • Python BeautifulSoup 解析网页按钮元素 PythonAI编程架构实战家 Python人工智能与大数据Python编程之道pythonbeautifulsoup开发语言ai
    PythonBeautifulSoup解析网页按钮元素：从基础原理到工程实践的深度解析关键词BeautifulSoup、HTML解析、按钮元素定位、DOM树遍历、CSS选择器、网络爬虫、前端自动化摘要本文系统解析使用PythonBeautifulSoup库定位和提取网页按钮元素的全流程技术方案。从HTML文档的底层结构出发，结合BeautifulSoup的核心解析机制，覆盖从基础概念到高级工程实践
  • CSS属性的特性_层叠性 51349592 css前端
    CSS中层叠的概念：对于一个元素来说，相同一个属性我们可以通过不同的选择器给它进行多次设置；那么属性会被一层层覆盖上去；但是最终只有一个会生效；那么多个样式属性覆盖上去，哪一个会生效呢？判断一：选择器的权重，权重大的生效，根据权重可以判断出优先级判断二：先后顺序，权重相同时，后面设置的生效；层叠性的影响因素：选择器类型决定基础权重：选择器类型权重示例内联样式1,0,0,0ID选择器0,1,0,0类
  • 【CSS-6】深入理解CSS复合选择器：提升样式表的精确性与效率 AllenBright #CSScss前端
    CSS选择器是前端开发的基石，而复合选择器则是其中最强大且实用的工具之一。本文将全面解析CSS复合选择器的类型、用法、优先级规则以及最佳实践，帮助你编写更高效、更精确的样式表。1.什么是复合选择器？复合选择器是通过组合多个简单选择器来创建更具体的选择规则。它们允许开发者精确地定位文档树中的特定元素，而无需添加过多的类或ID。/*简单选择器*/p{color:blue;}/*复合选择器*/artic
  • css :root 选择器
    :rootcss伪类匹配文档的根元素。对于HTML来说，:root表示元素，除了优先级更高之外，与html选择器相同。在声明全局css变量时:root会很有用：:root{--ck-highlight-pen-red:#e91314;--ck-highlight-pen-blue:dodgerblue;}.pen-black{color:var(--ck-highlight-pen-black);
  • 伪类选择器:root的妙用 weixin_33921089 javascriptViewUI
    css3的元素旋转功能非常强大，也非常吸引人，但是很多时候因为浏览器使用率的问题，我们必需要想办法兼容一些低版本的浏览器，特别是ie这朵奇葩。想要实现元素旋转本来很简单的一个属性就能实现，那就是transform:rotate(xxdeg)。举个例子：实现一个层旋转270deg。#demo{width:300px;height:200px;background-color:#FF80C0;marg
  • 【CSS3】 结构性伪类选择器—root badlyForPapers
    :root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是。示例演示：通过“:root”选择器设置背景颜色HTML代码：:root选择器的演示CSS代码：:root{background:orange;}演示结果：“:root”选择器等同于元素，简单点说：:root{background:orange}html{backgro
  • CSS伪类 chenmo2001 html5csscss3
    伪类简介：伪类：这个叫法源于它们跟类相似，但实际上并没有类会附加到标记的标签上。伪类分为两种：-UI伪类：会在HTML元素处于某种状态时（例如：鼠标指针位于指针上），为该元素应用CSS样式。Hover-结构化伪类：会在标记中存在某种结构上的关系时（例如：某元素是一组元素中的第一个或最后一个），为该元素应用CSS样式。二、UI伪类UI元素状态伪类选择器有如下几个：Selector:link：匹配Se
  • 【CSS-7】深入解析CSS伪类：从基础到高级应用 AllenBright #CSScss前端
    CSS伪类是前端开发中不可或缺的强大工具，它们允许我们根据文档树之外的信息或简单选择器无法表达的状态来样式化元素。本文将全面探讨CSS伪类的各种类型、使用场景和最佳实践。1.伪类基础概念1.1什么是伪类？伪类（Pseudo-class）是CSS中的一种特殊关键字，用于选择元素的特定状态或特征。它们以冒号(:)开头，可以附加到选择器末尾来定义元素在特定状态下的样式。/*语法*/selector:ps
  • JavaWeb之Html-Css 孤独套餐 javawebhtmlcss前端
    标题标签标题标签（到）是HTML中用于定义标题和子标题的元素。它们按照重要性从h1到h6递减，是最高级别的标题，通常用于页面主标题，是最低级别的标题。羊村守护者CSS选择器用来选取需要设置样式的元素标签元素选择器通过HTML元素名称选择元素/*选择所有的元素*/p{color:blue;}类选择器通过元素的class属性选择元素.navbar{background-color:rgb(125,15
  • 【自动化测试】web前端组件测试范围梳理 阿槿吃糖 前端自动化测试前端
    测试组件范围划分按钮文字链接单选框多选框输入框计数器选择器级联选择器开关日期选择器上传分页弹窗导航菜单表格富文本编辑器前端组件测试范围梳理-png
  • 初学HTML Pretend________ html5css
    一周HTML+CSS新手闯关记！居然真的仿出了起点首页？！从对着教程发呆到能敲出完整页面，这七天像开了倍速——但谁懂啊！垂直居中到底有多少种写法？每次调都像拆盲盒，水平居中偶尔还能蒙对，垂直居中直接让我怀疑人生…后来硬记了flex的justify-content和align-items，总算摸到点门道～伪类和定位真的是王炸组合！刚开始写hover效果，按钮死活没反应，查了半天才发现选择器选错了原来
  • vben-admin 时间/日期选择器年-季-月 CDwenhuohuo 前端javascripthtml
    DatePicker日期选择器RangePicker偏向于时间选择器--------------------------------------------------------------季度{field:'startDatetime',label:'出库日期',component:'DatePicker',colProps:{span:8},componentProps:{picker:'q
  • 常用开源组件库收藏 bennyskydp Androidandroid
    YImagePicker：图片选择描述：小红书多图剪裁+微信图片选择器+大图预览+图片剪裁(支持圆形剪裁和镂空剪裁)，已适配androidQ,借鉴并升级matisse加载内核!超强定制性可轻松实现知乎/马蜂窝/微博等特殊样式!支持跨进程回调!内部结构轻量级，无任何第三方开源库！支持support依赖！链接：https://github.com/yangpeixing/YImagePickerhig
  • FPGA开发流程 JinSir_ FPGA开发fpga开发
    FPGA开发流程FPGA的设计流程就是利用EDA开发软件和编程工具对FPGA芯片进行开发的过程。原理图和HDL(Hardwaredescriptionlanguage，硬件描述语言)是两种最常用的数字硬件电路描述方法。其中，运用HDL设计方法具有更好的移植性、通用性以及利于模块划分的特点。典型FPGA的开发流程1、功能定义/器件选型——根据经验选择器件型号2、设计输入（DesignEntry）——
  • Python Requests-HTML库详解：从入门到实战 detayun Pythonpythonhtml开发语言
    一、库简介Requests-HTML是Python中集网络请求与HTML解析于一体的全能型库，由知名开发者KennethReitz团队维护。它完美结合了Requests的易用性和Parsel的选择器功能，并内置JavaScript渲染引擎，特别适合现代动态网页抓取。最新版本（v0.10.0）已全面兼容Python3.6+环境。二、核心功能详解1.环境准备#终端安装pipinstallrequest
  • 前端知识之jQuery 意大利面拌42号混凝土 python前端jqueryjavascript
    jQuery文章目录jQuery一、什么是jQuery二、jQuery的优势三、jQuery的内容四、jQuery的版本五、jQuery的两种导入方式六、jQuery语法七.jQuery对象与标签对象之间的转换九、查找标签1、基本选择器2、组合选择器/分组嵌套3、基本筛选器4、属性选择器5、表单筛选器6、筛选器方法7、总结十、操作标签1、CSS类操作2、CSS样式操作3、位置操作4、尺寸5、文本操
  • html结构解析 ca_rry 前端html
    ：声明为HTML5文档：根元素，指定页面语言为中文：设置字符编码，确保中文正常显示：实现响应式设计，使页面在移动设备上正确显示：设置浏览器标签页标题：内嵌CSS样式，用于定义页面元素的显示效果：页面主容器，用于统一管理页面内容的布局：页面主标题，应用了自定义标题样式：示例图片，添加了悬停缩放效果：表单容器，包含输入框、下拉选择器和提交按钮：特性列表，使用自定义列表样式
  • 重学前端008 --- 响应式网页设计 CSS 无障碍 Quiz
    文章目录meta总结html页面结构img尺寸子选择器>a锚点仅屏幕阅读器可见li元素的悬停设置小屏幕防止溢出meta总结html页面结构H1Titleheader元素将用于介绍页面，以及提供导航菜单。main元素将包含页面的核心内容。img尺寸img当前是默认尺寸，这个尺寸太大。CSS提供了一个max函数，它返回一组由逗号分隔的值中最大的值。例如：img{width:max(250px,25vw
  • CSS基础 SMIly_723 css前端
    1.css的介绍，什么是cssCSS是CascadingStyleSheets的英文缩写,中文翻译即层叠样式表。css是用于页面布局与美化的，css实现内容与样式分开，这种方式便捷我们的开发。2.css语法css是由选择器，属性，属性值组成的。css有三种引入方式分别是：1.行内样式（内联样式）直接在标签内进行css样式的写入。这是⾏内样式的使⽤⽅式2.内嵌样式（内部样式）Document.tex
  • Qt 样式表（QSS）：打造个性化界面 编程与实战 Qt一站式学习qt开发语言c++c语言
    一、Qt样式表概述Qt样式表（QtStyleSheets,QSS）是一种强大的机制，允许开发者使用类似CSS的语法来定制Qt应用程序的外观。QSS提供了比传统编程方式更灵活、更高效的界面美化方案，使应用程序能够拥有独特的视觉风格。1.1基本语法QSS的基本语法与CSS类似：selector{property:value;}选择器（Selector）：指定哪些控件将受到样式影响属性（Property
  • Kubernetes Pod 调度基础
    目录一：Replicationcontroller和Replicaset1：Replicationcontroller2：标签与标签选择器3：ReplicaSet二：无状态应用管理Deployment三：有状态应用管理statefulset四：守护进程集Daemonset1：什么是Daemonset2：定义一个Daemonset3：创建DaemonSet4：查看DaemonSet5：查看pod所在
  • 18.vue.js的scoped样式隔离？原理和使用？（1） xd00002 vue.js
    ✅一句话理解：什么是scoped在Vue单文件组件(.vue)中使用scoped，可以让这个组件的CSS只影响自己，不影响外部，也不被外部影响。这段样式只会应用于当前组件的.title，不会影响页面中其他.title。样式隔离的原理（重点）Vue实现样式隔离不是用ShadowDOM，而是通过动态添加唯一的特定属性选择器，比如：源码写的是：HelloVue编译后：Hello.title[data-v
  • AI Agent开发学习系列 - langchain之示例选择器2：相关性与多样性兼得-MaxMarginalRelevanceExampleSelector在LangChain中的用法 alex100 AIAgent学习人工智能langchainprompt语言模型python
    MaxMarginalRelevanceExampleSelectorMaxMarginalRelevanceExampleSelector是LangChain中用于Few-ShotPrompt的一种智能示例选择器。它的作用是：在众多示例中，自动选择与当前输入最相关、同时彼此多样性最大的示例，插入到prompt里。主要特点相关性优先：优先选择与用户输入最相似的示例。多样性保证：避免选到内容高度重复
  • Java学习----NIO模型 典孝赢麻崩乐急 java学习nio
    在Java的I/O模型中，NIO（Non-BlockingI/O，非阻塞I/O）是对BIO的重要改进。它为高并发场景提供了更高效的处理方式，在众多Java应用中发挥着关键作用。NIO模型的核心在于非阻塞和多路复用，其采用“一个线程处理多个连接”的模式，主要依靠通道（Channel）、缓冲区（Buffer）和选择器（Selector）这三个核心组件协同工作，每个核心组件的功能原理和功能如下：（1）通
  • GKD v1.9.2 安卓自动跳过广告 在下周大侠 安卓软件
    GKD是一款基于无障碍+高级选择器+订阅规则的自定义屏幕点击APP。支持点击跳过任何开屏广告/点击关闭应用内部任何弹窗广告，如关闭百度贴吧帖子广告回复/知乎回答底部推荐广告回复；GKD还支持一些快捷操作，如微信电脑登录自动同意/微信扫描登录自动同意/微信自动领取红包。软件特色基于高级选择器+订阅规则+快照审查,它可以实现点击跳过任意开屏广告/点击关闭应用内部任意弹窗广告,如关闭百度贴吧帖子广告卡片
  • uniapp使用uni-ui怎么修改默认的css样式比如多选框及样式覆盖小程序/安卓/ios兼容问题 禾苗种树 uni-appuicssscss
    修改uni-ui多选框(uni-data-checkbox)的默认样式在uniapp中使用uni-ui的uni-data-checkbox组件时，可以通过以下几种方式修改其默认样式：方法一：使用深度选择器格式一：在页面的style部分使用深度选择器>>>或/deep/来穿透组件作用域：/*在普通CSS中*/>>>#rememberbox.uni-checkbox-input{border-colo
  • 前端面试题 xkxnq 前端开发问题前端
    CSS常见问题解答1.CSS盒模型CSS盒模型由内容区域（content）、内边距（padding）、边框（border）和外边距（margin）组成，分为两种类型：标准盒模型：元素宽度=content宽度替代盒模型（通过box-sizing:border-box设置）：元素宽度=content+padding+border2.CSS选择器的优先级优先级从高到低：!important（覆盖所有规则
  • 我在黑马程序员学web前端 新手来了@click 前端
    1网页由三部分组成1.、html负责网页的结构2.css、负责网页的美化，控制网页元素的样式3、js，负责网页交互html常见的标签：1、form表单input输入框select下拉菜单option下拉列表2、table表格thead表头ｔｂｏｄｙ是表体tr行th表头加粗ｔｄ是列ｂｒ是换行2/CＳＳ常见的三种引入方式行内样式、内部样式、外部样式用ｌｉｎｋ关键字常用的元素选择器：标签选择器、id选择
  • C/C++Win32编程基础详解视频下载 择善Zach 编程C++Win32
    课题视频：C/C++Win32编程基础详解 视频知识：win32窗口的创建                   windows事件机制 主讲：择善Uncle老师 学习交流群：386620625 验证码：625 --
  • Guava Cache使用笔记 bylijinnan javaguavacache
    1.Guava Cache的get/getIfPresent方法当参数为null时会抛空指针异常 我刚开始使用时还以为Guava Cache跟HashMap一样，get(null)返回null。 实际上Guava整体设计思想就是拒绝null的，很多地方都会执行com.google.common.base.Preconditions.checkNotNull的检查。 2.Guava
  • 解决ora-01652无法通过128（在temp表空间中） 0624chenhong oracle
    解决ora-01652无法通过128（在temp表空间中）扩展temp段的过程 一个sql语句后，大约花了10分钟，好不容易有一个结果，但是报了一个ora-01652错误，查阅了oracle的错误代码说明：意思是指temp表空间无法自动扩展temp段。这种问题一般有两种原因：一是临时表空间空间太小，二是不能自动扩展。 分析过程：    既然是temp表空间有问题，那当
  • Struct在jsp标签 不懂事的小屁孩 struct
    非UI标签介绍： 控制类标签： 1：程序流程控制标签   if   elseif    else <s:if test="isUsed"> <span class="label label-success">True</span> </
  • 按对象属性排序 换个号韩国红果果 JavaScript对象排序
    利用JavaScript进行对象排序，根据用户的年龄排序展示 <script> var bob={ name;bob, age:30 } var peter={ name;peter, age:30 } var amy={ name;amy, age:24 } var mike={ name;mike, age:29 } var john={
  • 大数据分析让个性化的客户体验不再遥远 蓝儿唯美 数据分析
    顾客通过多种渠道制造大量数据，企业则热衷于利用这些信息来实现更为个性化的体验。 分析公司Gartner表示，高级分析会成为客户服务的关键，但是大数据分析的采用目前仅局限于不到一成的企业。 挑战在于企业还在努力适应结构化数据，疲于根据自身的客户关系管理（CRM）系统部署有效的分析框架，以及集成不同的内外部信息源。 然而，面对顾客通过数字技术参与而产生的快速变化的信息，企业需要及时作出反应。要想实
  • java笔记4 a-john java
    操作符 1，使用java操作符       操作符接受一个或多个参数，并生成一个新值。参数的形式与普通的方法调用不用，但是效果是相同的。加号和一元的正号（+）、减号和一元的负号（-）、乘号（*）、除号（/）以及赋值号（=）的用法与其他编程语言类似。       操作符作用于操作数，生成一个新值。另外，有些操作符可能会改变操作数自身的
  • 从裸机编程到嵌入式Linux编程思想的转变------分而治之：驱动和应用程序 aijuans 嵌入式学习
        笔者学习嵌入式Linux也有一段时间了，很奇怪的是很多书讲驱动编程方面的知识，也有很多书将ARM9方面的知识，但是从以前51形式的（对寄存器直接操作，初始化芯片的功能模块）编程方法，和思维模式，变换为基于Linux操作系统编程，讲这个思想转变的书几乎没有，让初学者走了很多弯路，撞了很多难墙。     笔者因此写上自己的学习心得，希望能给和我一样转变
  • 在springmvc中解决FastJson循环引用的问题 asialee 循环引用fastjson
              我们先来看一个例子：           package com.elong.bms; import java.io.OutputStream; import java.util.HashMap; import java.util.Map; import co
  • ArrayAdapter和SimpleAdapter技术总结 百合不是茶 androidSimpleAdapterArrayAdapter高级组件基础
    ArrayAdapter比较简单，但它只能用于显示文字。而SimpleAdapter则有很强的扩展性，可以自定义出各种效果   ArrayAdapter;的数据可以是数组或者是队列        // 获得下拉框对象 AutoCompleteTextView textview = (AutoCompleteTextView) this
  • 九封信 bijian1013 人生励志
            有时候，莫名的心情不好，不想和任何人说话，只想一个人静静的发呆。有时候，想一个人躲起来脆弱，不愿别人看到自己的伤口。有时候，走过熟悉的街角，看到熟悉的背影，突然想起一个人的脸。有时候，发现自己一夜之间就长大了。         2014，写给人
  • Linux下安装MySQL Web 管理工具phpMyAdmin sunjing PHPInstallphpMyAdmin
    PHP http://php.net/ phpMyAdmin http://www.phpmyadmin.net Error compiling PHP on CentOS x64   一、安装Apache 请参阅http://billben.iteye.com/admin/blogs/1985244   二、安装依赖包 sudo yum install gd
  • 分布式系统理论 bit1129 分布式
    FLP One famous theory in distributed computing, known as FLP after the authors Fischer, Lynch, and Patterson, proved that in a distributed system with asynchronous communication and process crashes,
  • ssh2整合(spring+struts2+hibernate)-附源码 白糖_ eclipsespringHibernatemysql项目管理
    最近抽空又整理了一套ssh2框架，主要使用的技术如下： spring做容器，管理了三层(dao,service,actioin)的对象 struts2实现与页面交互(MVC)，自己做了一个异常拦截器，能拦截Action层抛出的异常 hibernate与数据库交互 BoneCp数据库连接池，据说比其它数据库连接池快20倍，仅仅是据说 MySql数据库   项目用eclipse
  • treetable bug记录 braveCS table
    // 插入子节点删除再插入时不能正常显示。修改： //不知改后有没有错，先做个备忘 Tree.prototype.removeNode = function(node) { // Recursively remove all descendants of +node+ this.unloadBranch(node); // Remove
  • 编程之美-电话号码对应英语单词 bylijinnan java算法编程之美
    import java.util.Arrays; public class NumberToWord { /** * 编程之美 电话号码对应英语单词 * 题目： * 手机上的拨号盘，每个数字都对应一些字母，比如2对应ABC，3对应DEF.........，8对应TUV，9对应WXYZ， * 要求对一段数字，输出其代表的所有可能的字母组合
  • jquery ajax读书笔记 chengxuyuancsdn jQuery ajax
    1、jsp页面 <%@ page language="java" import="java.util.*" pageEncoding="GBK"%> <% String path = request.getContextPath(); String basePath = request.getScheme()
  • JWFD工作流拓扑结构解析伪码描述算法 comsci 数据结构算法工作活动J#
      对工作流拓扑结构解析感兴趣的朋友可以下载附件，或者下载JWFD的全部代码进行分析   /*  流程图拓扑结构解析伪码描述算法         public java.util.ArrayList DFS(String graphid, String stepid, int j)
  • oracle I/O 从属进程 daizj oracle
    I/O 从属进程 　　I/O从属进程用于为不支持异步I/O的系统或设备模拟异步I/O.例如，磁带设备(相当慢)就不支持异步I/O.通过使用I/O 从属进程，可以让磁带机模仿通常只为磁盘驱动器提供的功能。就好像支持真正的异步I/O 一样，写设备的进程(调用者)会收集大量数据，并交由写入器写出。数据成功地写出时，写入器(此时写入器是I/O 从属进程，而不是操作系统)会通知原来的调用者，调用者则会
  • 高级排序:希尔排序 dieslrae 希尔排序
    public void shellSort(int[] array){ int limit = 1; int temp; int index; while(limit <= array.length/3){ limit = limit * 3 + 1;
  • 初二下学期难记忆单词 dcj3sjt126com englishword
    kitchen 厨房 cupboard 厨柜 salt 盐 sugar 糖 oil 油 fork 叉；餐叉 spoon 匙；调羹 chopsticks 筷子 cabbage 卷心菜；洋白菜 soup 汤 Italian 意大利的   Indian 印度的 workplace  工作场所 even 甚至；更 Italy 意大利 laugh 笑 m
  • Go语言使用MySQL数据库进行增删改查 dcj3sjt126com mysql
    目前Internet上流行的网站构架方式是LAMP，其中的M即MySQL, 作为数据库，MySQL以免费、开源、使用方便为优势成为了很多Web开发的后端数据库存储引擎。MySQL驱动Go中支持MySQL的驱动目前比较多，有如下几种，有些是支持database/sql标准，而有些是采用了自己的实现接口,常用的有如下几种: http://code.google.c...o-mysql-dri
  • git命令 shuizhaosi888 git
    ---------------设置全局用户名： git config --global user.name "HanShuliang" //设置用户名 git config --global user.email "[email protected]" //设置邮箱 ---------------查看环境配置 git config --li
  • qemu-kvm 网络 nat模式 (四) haoningabc kvmqemu
    qemu-ifup-NAT #!/bin/bash BRIDGE=virbr0 NETWORK=192.168.122.0 GATEWAY=192.168.122.1 NETMASK=255.255.255.0 DHCPRANGE=192.168.122.2,192.168.122.254 TFTPROOT= BOOTP= function check_bridge()
  • 不要让未来的你，讨厌现在的自己 jingjing0907 生活 奋斗 工作 梦想
     故事one 　23岁，他大学毕业，放弃了父母安排的稳定工作，独闯京城，在家小公司混个小职位，工作还算顺手，月薪三千，混了混，混走了一年的光阴。　　　　24岁，有了女朋友，从二环12人的集体宿舍搬到香山民居，一间平房，二人世界，爱爱爱。偶然约三朋四友，打扑克搓麻将，日子快乐似神仙；　　　　25岁，出了几次差，调了两次岗，薪水涨了不过百，生猛狂飙的物价让现实血淋淋，无力为心爱银儿购件大牌
  • 枚举类型详解 一路欢笑一路走 enum枚举详解enumsetenumMap
    枚举类型详解 一.Enum详解      1.1枚举类型的介绍   JDK1.5加入了一个全新的类型的”类”—枚举类型，为此JDK1.5引入了一个新的关键字enum,我们可以这样定义一个枚举类型。      Demo:一个最简单的枚举类   public enum ColorType { RED
  • 第11章 动画效果（上） onestopweb 动画
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Eclipse中jsp、js文件编辑时，卡死现象解决汇总 ljf_home eclipsejsp卡死js卡死
    使用Eclipse编辑jsp、js文件时，经常出现卡死现象，在网上百度了N次，经过N次优化调整后，卡死现象逐步好转，具体那个方法起到作用，不太好讲。将所有用过的方法罗列如下：   1、取消验证 windows–>perferences–>validation 把 除了manual 下面的全部点掉，build下只留 classpath dependency Valida
  • MySQL编程中的6个重要的实用技巧 tomcat_oracle mysql
    每一行命令都是用分号(;)作为结束 对于MySQL，第一件你必须牢记的是它的每一行命令都是用分号(;)作为结束的，但当一行MySQL被插入在PHP代码中时，最好把后面的分号省略掉，例如： mysql_query("INSERT INTO tablename(first_name,last_name)VALUES('$first_name',$last_name')");
  • zoj 3820 Building Fire Stations(二分+bfs) 阿尔萨斯 Build
    题目链接：zoj 3820 Building Fire Stations 题目大意：给定一棵树，选取两个建立加油站，问说所有点距离加油站距离的最大值的最小值是多少，并且任意输出一种建立加油站的方式。 解题思路：二分距离判断，判断函数的复杂度是o(n)，这样的复杂度应该是o(nlogn)，即使常数系数偏大，但是居然跑了4.5s，也是醉了。 判断函数里面做了3次bfs，但是每次bfs节点最多
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他