jQuery DataTables插件分页允许输入页码跳转

背景说明 项目中使用jQuery DataTables插件来实现分页表格,但是默认的分页样式不能输入页码进行跳转,在页数非常多的时候使用很不方便,最主要的还是没有达到产品部门的设计要求,所以我需要寻找相应的解决方案。 原始效果图 目标效果图 方案分析 一开始,我在网上搜索到了相关资料。 【官方】Navigation w

Web静态资源处理方案

1. 背景说明 由于前端页面使用到了iframe,经常会出现JS/CSS更新之后,页面无法自动刷新以及按F5也无法刷新的问题,需要点击“重新加载框架”才能成功刷新页面。这会影响普通用户的使用。 2. 解决方案 问题原因,iframe缓存了静态资源文件,在F5刷新时并不会刷新iframe中的缓存。 解决思路,在每次发布时

jQuery表单验证及清除验证结果

背景描述 对于新增操作,我们往往会在一个弹出框中进行处理。这里涉及到几个验证需求: 1) 输入字段的非空、金钱数字等验证(我这里在对表单的金钱数字进行验证时,规则要求如下:最多5位整数和2位小数) 2) 关闭弹出框后再次进入,希望不保留上次的输入内容及验证结果 解决方案 本方案主要针对前端验证,采用jQuery Val

datepicker插件开始日期和结束日期选取限制

背景说明 在处理日期时,开始日期和结束日期常常伴随在一起出现,那么就涉及到日期的范围验证问题:开始日期不能大于结束日期,或者结束日期不能小于开始日期。 如下图是我的目标效果,当开始日期选择了2016年7月13日,结束日期就不能再选择13日之前的日期。 解决方案 我这里使用的是bootstrap-datepicker.j

Bootstrap开始日期和结束日期紧挨显示

之前在使用Bootstrap布局时,一个纠结的点就是开始日期和结束日期两个字段的显示,分为两个字段显示对齐没有任何问题,但是要把二者当做一个字段紧挨在一起显示,一直没有实现效果。好在同事实现了该效果,记录下来。 目标效果图 代码 <div class=”input-group date”> <inpu