
前端学习
文章平均质量分 65
nb7474
这个作者很懒,什么都没留下…
展开
-
关于用js实现的日历记事功能
博主是个java新手,目前在做的一个项目就是考勤排班系统,主要负责的模块是排班模块这一方面。需求上面要求要在显示当月的日历表,日历表上同时动态生成上班时间、下班时间、是否值班、值班类型等功能。 当时在网上找了很多日历模板,都没有找到能够符合自己要求的。便决定自己画一个页面。个人感觉最主要的一块就是字符串的拼接,日历的生成,还有一些个别的属性需要注意。基本样式引用:<link rel="styles原创 2017-12-26 14:10:11 · 11872 阅读 · 65 评论 -
使用fileinput+pdfbox获取pdf文档指定区域的内容
本功能实现的思路如下: 1. 通过bootstrap-fileinput插件实现上传pdf文档 2. 通过pdfbox将pdf文档转换成图片格式,并保存在项目的根目录上。 3.访问根目录上的由pdf文档转成的图片,使用jquery-ui选取指定区域。 4.将指定区域的坐标x,y,width,heigth等信息传递到后台,按比例获取pdf文档上的指定区域的内容。 ...原创 2018-06-26 17:17:19 · 4075 阅读 · 1 评论 -
解决datetimepicker不能触发点击事件,日期插件位置偏移,日期范围限制的问题
最初的问题:一开始所遇到的问题是相对简单的,就是今天的日期是3-20,但是却可以选择20号之后的日期。html代码:<form action="web?module=stwmgr&action=Dataprocessing&method=getSearchActivityRec&tokenId=<%=request.getParameter("tokenId")%>" class="原创 2018-03-20 19:38:40 · 17017 阅读 · 0 评论 -
解决BootstrapTable设置height属性后,表格不对齐的问题
一般在使用BootstrapTable 插件的时候,我是不固定高度的,没有height属性时候的插件一切正常,表格对齐也没有问题。但是为了将页面撑开,使数据少的时候,页面不显得空荡,所以就固定了高度:height: $(window).height()*0.79,根据页面的大小进行动态变化。此时就会出现表格不对齐的现象,解决方法:打开bootstrap-table.js 找到 BootstrapTa转载 2018-03-06 09:56:54 · 10182 阅读 · 5 评论 -
bootstarpTable点击行事件,点击数据事件,layer实现的包含页面的弹出层
需求:在一个bootstrapTable插件实现的表格中,需要在点击某行的时候弹出一个模态框,模态框中展示了表格元素的具体信息。具体效果如下图: bootstrapTable中自带了点击行的事件:$('#nurseDateTable').bootstrapTable({ sortable: false, //是否启用排序 ...原创 2018-02-24 17:12:16 · 11475 阅读 · 3 评论 -
echarts生成饼状图、柱状图、多项柱状图的参数介绍
1.饼图html代码:<div id="SexDistri" style="width: 100%;height: 50%;"></div>下面的柱状图的html代码也与此类似。js代码:var SexDistribution = ${SexDistribution}; //console.log(SexDistribution); var res =[]; var tot原创 2018-03-16 13:18:06 · 2552 阅读 · 0 评论 -
使用layui实现的左侧菜单栏以及动态操作tab项
首先说一下左侧菜单栏:这是一个最基本的左侧菜单栏,实现的过程很简单,官方的说明文档就有,但是我在到入layer.js之后,直接复制这段官方代码到我的编辑器上时,发现页面是这样的:发现,绑定属性的菜单并没有下拉选项,这个问题在我导入layer.all.js之后解决了,而且发现如果是在页面的最上方导入的话也没有下拉选项,只有在html代码下面导入,才可以显示 ,不知道是什么原因。下面说重点,动态操作ta原创 2018-03-01 15:45:56 · 165867 阅读 · 34 评论 -
表格插件bootstrapTable中隐藏和显示某列及一些小注意点
html代码:<table id="docDateTable" class="table table-hover table-bordered" style="color: #000000"> <thead style="background-color: white"> <tr> <th data-field="name" data-valign="原创 2018-02-09 17:16:03 · 69693 阅读 · 11 评论 -
用bootstrapTable实现考勤报表的动态生成
在设计考勤报表的时候,由于每个月的日期是不同的,所以他的表需要动态生成。而bootstrapTable表格的初始化时候,是根据开始时候静态页面所规定的th标签中内容进行初始化。例如:<table id="tablesinglelast"> <thead> <tr> <th data-field="workDate" id="ws.ref_date"原创 2018-01-24 15:53:34 · 11016 阅读 · 25 评论 -
在js中对json格式的日期、时间等内容进行格式化
先在前台通过ajax获取后台的json数据,js代码:$.ajax({ url:"getScheduleTableByEmployeeId", data:{"employeeId":employeeId}, dataType:"json", type:"post", async:f原创 2017-12-29 17:33:02 · 7407 阅读 · 0 评论 -
再谈页面内容重新加载时候出现radio绑定事件失效的问题
在点击上个月和下个月的按钮时候,会出现按钮失效,页面没有报错。按钮的事件是通过 $(":radio").each(function(){}); 绑定的。js是通过在底部引用js文件,在页面全部加载完成之后,点击下拉框会触发时间,将表格中的内容全部加载完毕,但是点击下一月的时候function alertdate(){ $("#calendar").empty();原创 2017-12-29 17:08:10 · 1491 阅读 · 0 评论 -
ajax动态无刷新传递数组类型的数据
话不多说,先上代码html页面:<c:forEach var="ScheduleGroup" items="${ScheduleGroupList}"><tr id="${ScheduleGroup.scheduleGroupId}"> <td> <div class="checkbox"> <label><input type="checkbox"原创 2017-12-28 17:16:31 · 299 阅读 · 1 评论 -
2017.12.28日生成随机数、jsp中和后台的时间格式化问题
1.生成随机数int scheduleGroupId = (int)(Math.random()*(9999-1000+1))+1000;生成1000-9999之间的随机四位数.Math.random() //Math.random()是令系统随机选取大于等于 0.0 且小于 1.0 的伪随机 double 值举例:生成的随机数是0.001,0.001*(9999-1000+1)+1000,最终生成原创 2017-12-28 16:56:18 · 576 阅读 · 0 评论 -
js中判断字符串是否包含
博主在做一个修改个人信息的页面的时候,想要将个人信息封装传递到另一个页面,其中的星期是string类型的。String week="一二三四五"想要实现复选框中一~五默认选中。本来想用jstl标签库实现,发现页面中的代码量太复杂。本着简洁明了的精神,决定尝试用js来实现。html代码:<div class="form-group"> <label for="i原创 2017-12-28 16:29:21 · 4406 阅读 · 0 评论 -
javaweb项目错误400-The request sent by the client was syntactically incorrect.
在springMVC中,页面发出的请求没有问题,在后台的controller也可以找到相应的requestmapping,后台也没有报错,找了半天原因。The request sent by the client was syntactically incorrect 说的意思是:由客户端发送的请求是语法上是不正确的解决方法:在网上找了一下,答案是通常遇到这个错误是因为前端jsp页面的控件名称和co转载 2017-12-27 16:23:19 · 625 阅读 · 0 评论 -
使用editor_md支持markdown组件以及其中的图片上传功能
一、editor.md的下载与安装下载地址安装使用 里面有多个文件夹,在引入的时候,我们不需要examples示例、docs、tests等文件夹。 引用完毕后目录: 我也试过指引用css和js文件,页面只会显示大概的内容,但是功能不能使用,如字体图标,引用图片上传等插件都不可以使用。二、html页面<%@ page language="java" conte...原创 2018-06-27 18:10:36 · 9890 阅读 · 12 评论