http://www.layui.com/laydate/
<!-- 问题:
在给一个jsp页面添加日期控件时,引入了laydate.js,在laydate.js的举例html页面中显示正常,但是放到jsp页面后,日期选择框上部的前进、后退箭头变成了小方框。
页面调试发现:后缀是".woff"和".ttf"的两中font文件没有引入。
刘老大说这是web.xml中的静态资源的访问配置问题,-->
解决方法就是:在web.xml中添加的配置
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>/Public/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>/images/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>/Static/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>/swflash/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.html</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.js</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.json</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.css</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>/cab/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>/App/CRM/Public/*</url-pattern>
</servlet-mapping>
<!-- 下边的是我加的 -->
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.woff</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.ttf</url-pattern>
</servlet-mapping>
问题解决参考:
http://blog.csdn.net/yqfcxy/article/details/51931053
分享到:
相关推荐
请千万勿移动laydate中的目录结构,它们具有完整的依赖体系。使用时,只需引入laydate/laydate.js即可
laydate.js是属于Javascript系列的一款日期控件与时间插件,laydate.js支持兼容IE6在内的主流浏览器。laydate.js经过贤心大大的重写之后功能越来越强大,用起来也愈渐灵活了,但是在一个基于angular+ocLazyLoad的项目...
实现效果: JS日历控件特效代码layDate,非常不错的日历控件,调用也非常简单有两种方式,首先要导入laydate.js ...一种是直接使用nclick="laydate()"函数,另一种是通过ID来调用,还是很不错的日历日期控件。
一款JS日历控件特效代码layDate,直接引用到需要的代码中即可
你是时候换一款日期控件了,而layDate非常愿意和您成为工作伙伴。她正致力于成为全球最高大上的web日期支撑,为国内外所有从事web应用开发的同仁提供力所能及的动力。她基于原生JavaScript精心雕琢,兼容了包括IE6...
JS日历控件特效代码layDate,非常不错的日历控件,调用也非常简单有两种方式,首先要导入laydate.js,一种是直接使用nclick="laydate()"函数,另一种是通过ID来调用,还是很不错的日历日期控件。
你是时候换一款日期控件了,而layDate非常愿意和您成为工作伙伴。她致力于成为全球最用心的web日期支撑,为国内外所有从事web应用开发的同仁提供力所能及的动力。她基于原生JavaScript精心雕琢,兼容了包括IE6在内的...
laydate时间插件只显示时分,不显示秒demo
日期控件,使用了laydate日期控件,只是缺少了天蓝色皮肤,自制的。
laydate日历控件需要的资源,里面包括了css,比用的js,这个控件是laydate日历控件,是一个时间段的日历控件,当你选择开始时间后,再选择结束时间,那结束时间必须大于开始时间,同时开始时间也必须小于结束时间
后来因为各种原因,要换掉UI bootstrap中的日期控件,改用layDate日期控件。 解决思路:将layDate的初始化及相关代码定义在指令里。 问题关键点:layDate操作的是Html元素的,怎么实现双向绑定,同步Angularjs模板值...
你是时候换一款日期控件了,而layDate非常愿意和您成为工作伙伴。她致力于成为全球最用心的web日期支撑,为国内外所有从事web应用开发的同仁提供力所能及的动力。她基于原生JavaScript精心雕琢,兼容了包括IE6在内的...
她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封闭与狭隘。layDate本着资源共享的开发者精神和对网页日历交互无穷的追求,延续了...
1.在页面先引入laydate.js文件 2.html页面控件如下: <input name="begin_time" style="margin-top:8px;width:130px;" id="begin_time" value="${beginTime}" class="Wdate" type="text"/> <input name=...
layui分页及日期控件中文显示乱码,下载后解压文件直接将文件替换即可。 文件主要适用于前端及时开发,解决layui部分功能显示出现乱码问题,主要涉及到表格渲染后分页栏工具中文显示乱码,以及使用layui日期控件所...
带时间的日期 JS控件 弹出框可以根据窗体可视高度判断向上弹出或者向一弹出。
本文实例为大家分享了layDate日期控件的使用方法,供大家参考,具体内容如下 效果: 1.引入js文件 [removed][removed] 2.初始化laydate控件 //日期 var start = { elem: '#start_time',//选择ID为START的...
一个很友好的js 日期控件,值得推荐,可以下载试试,比较的好,支持多种浏览器
laydete是一款致力于成为全球最高大上的js日期插件,基于原生JavaScript精心雕琢,兼容了包括IE6在内的所有主流浏览器。
引用js后 ,在输入框调用laydate()方法就ok,很方便。