`
屌丝学Java
  • 浏览: 30113 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

laydate.js一款还算好用的日期控件

    博客分类:
  • jsp
 
阅读更多
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.js日期控件

    laydate.js是一款流行的JavaScript日期选择...综上所述,laydate.js是一个强大且实用的JavaScript日期控件,它在网页开发中能有效提高用户体验和开发效率。通过正确地引入和配置,开发者可以轻松地集成到自己的项目中。

    关于laydate.js加载laydate.css路径错误问题解决

    在本文中,我们将探讨一个关于JavaScript日期控件laydate.js在特定项目环境中遇到的问题,以及如何解决laydate.css路径加载错误。laydate.js是一款广泛应用于前端开发中的日期选择器插件,它支持包括IE6在内的多种...

    layDate多款日期时间控件

    layDate是一款功能强大的JavaScript日期时间插件,广泛应用于网页中的日期和时间选择。这款控件设计简洁、易用,提供了多种样式和模式,满足不同场景下的需求。在本篇文章中,我们将深入探讨layDate的基本使用、主要...

    laydate 时间范围的限制

    laydate是一款广受欢迎的JavaScript日期时间插件,它提供了丰富的日期选择功能,包括单日选择、日期范围选择、年月选择等。在实际应用中,我们有时需要对用户可选择的时间范围进行限制,以满足特定业务需求。...

    laydate时间插件只显示时分,不显示秒demo

    laydate是一款广泛应用于前端开发中的JavaScript时间日期插件,尤其在layui框架中被大量使用。layui是一个轻量级的前端组件库,它提供了丰富的UI组件,包括表格、表单、按钮、图标等,而laydate则是其内置的时间日期...

    日期控件laydate 天蓝色皮肤 需要和laydate js结合使用

    laydate是一款广泛应用于前端开发中的轻量级日期选择插件,尤其在JavaScript和HTML5项目中,它提供了丰富的功能和自定义选项。标题提到的是laydate的天蓝色皮肤,这通常意味着开发者为了满足特定设计需求,创建了一...

    laydate日历插件

    layDate是一款基于JavaScript的高效、轻量级的日历插件,由layui团队精心打造,以其简洁的API和丰富的功能,深受开发者喜爱。本文将深入探讨layDate的日历控件,包括其核心特性、使用方法、自定义配置以及与其他...

    JS日历控件特效代码layDate.zip

    实现效果: JS日历控件特效代码layDate,非常不错的日历控件,调用也非常简单有两种方式,首先要导入laydate.js ...一种是直接使用nclick="laydate()"函数,另一种是通过ID来调用,还是很不错的日历日期控件。

    laydate独立版日期控件源码及demo.zip

    layDate是一款功能强大的JavaScript日期时间插件,尤其在layui框架中被广泛应用。它提供了丰富的日期选择、时间选择、日期时间选择、年月选择等多种模式,适用于网页中的各种日期输入场景。layDate独立版则意味着它...

    laydate网页日期控件 v5.0.6.zip

    你是时候换一款日期控件了,而layDate非常愿意和您成为工作伙伴。她正致力于成为全球最高大上的web日期支撑,为国内外所有从事web应用开发的同仁提供力所能及的动力。她基于原生JavaScript精心雕琢,兼容了包括IE6...

    laydate时间控件及触发时间校验事件

    laydate是一款广泛应用于前端开发中的JavaScript日期时间插件,它提供了丰富的配置选项和灵活的API接口,使得在网页中添加日期、时间选择功能变得简单易行。本篇将深入探讨laydate时间控件的使用方法以及如何触发...

    layDate日期控件使用方法详解

    在详细讲解layDate日期控件使用方法之前,首先我们需要了解,layDate是一个基于Layui框架开发的日期时间选择插件,它具有轻量、易用、丰富的API接口等特点,非常适合在Web前端开发中使用,以提高用户在表单填写或者...

    layDate 时间控件

    layDate是一款广泛应用于Web开发中的JavaScript时间控件,它的出现极大地简化了网页中日期和时间选择的功能实现。layDate以其丰富的功能、良好的兼容性以及高度的可定制性,深受前端开发者的喜爱。以下是对layDate...

    js layDate日历控件代码.zip

    layDate是一款基于JavaScript的轻量级日历插件,它提供了丰富的功能和自定义选项,适用于各种Web项目。本篇文章将深入解析js layDate日历控件的代码实现,以及与之相关的前端技术,如CSS、HTML5、jQuery等。 一、...

    layui-laydate时间日历控件使用方法详解

    layui-laydate是一款非常实用的时间日历插件,它提供了丰富的功能和自定义选项,能够满足用户在网页中对日期和时间的选择需求。本篇文章将详细介绍laydate的使用方法,包括在layui模块中的使用和作为独立组件的使用...

    layDate.zip

    layDate是一款广泛应用于Web前端开发的时间日期选择控件,它以高效、易用、功能丰富为特点,极大地简化了开发者在网页中处理日期和时间的工作。这个压缩包"layDate.zip"包含了该控件的核心资源,包括JavaScript和CSS...

    JS日历控件特效代码layDate

    JS日历控件特效代码layDate,非常不错的日历控件,调用也非常简单有两种方式,首先要导入laydate.js,一种是直接使用nclick="laydate()"函数,另一种是通过ID来调用,还是很不错的日历日期控件。

    日期控件,根据网上laydate控件整理的Demo

    laydate是一款广泛应用于前端开发中的JavaScript日期选择器插件,由layui团队开发,以其轻量、易用、功能丰富的特点深受开发者喜爱。本压缩包"laydateDemo"提供了一个整理后的示例,方便快速集成到项目中使用。下面...

    layDate日期控件

    使用layDate时,通常需要通过引入layDate的JS和CSS文件,然后调用其提供的`laydate()`方法来初始化日期控件。例如: ```html &lt;!DOCTYPE html&gt; &lt;link rel="stylesheet" href="path/to/laydate.css"&gt; ...

    laydate实现季度选择

    laydate是一款广泛应用于前端开发中的JavaScript日期插件,它的功能强大且易于使用,能够帮助开发者快速实现各种日期和时间选择器。在这个特定的场景中,我们关注的是如何使用laydate来实现“季度选择”功能,这在...

Global site tag (gtag.js) - Google Analytics