在页面中引用了laydate插件,在显示的时候,字体图标一直显示不出来

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在页面中引用了laydate插件,在显示的时候,字体图标一直显示不出来相关的知识,希望对你有一定的参考价值。

Laydate 控件如何只显示年份

如下所示在<head>下面加入css样式  便只显示年份了

<html>
<head>
<style>
.laydate_m,.laydate_table 
display: none;
 
</style>

Laydate 控件如何只显示年 月

<style>
.laydate_table 
display: none;
 
</style>

Laydate 控件如何只显示 日 

<style>
.laydate_top 
display: none;
 
</style>

Laydate 控件如何只显示时分秒

<style>

#laydate_box .laydate_top,#laydate_box.laydate_table,#laydate_todaydisplay:none;

</style>

当然都还需要对应修改下面 的format

<script type="text/javascript">
$(document).ready(function()
laydate(
elem: '#haha', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种  方式 '#id .class'
event: 'focus',//响应事件。如果没有传入event,则按照默认的click 

format:'YYYY-MM'        //只显示年月   其他类似
);
);
</script>

<input id="haha" name="haha" type="text" maxlength="20" class="laydate-icon  layer-date "/>

使用layDate日期控件 就是  导入layer文件到项目中  然后在页面中引用 layer.js 就行了  然后 把上面js的方法写上

在<input>框中   引用class   laydate-icon   和 layer-date就ok了

如下表


参考技术A 我也遇到过这个问题,原因是我的layui的css和其它资源文件没有放在一个目录下,造成了不显示,引用layui的时候,不要分开里面的css和js放入自己的文件夹中,直接引入layui文件夹就可以解决这个问题! 参考技术B 我也遇到这样的情况,是由于字体文件没有按照文件固定的摆放,按layDate-v5.0.9来说,字体应该文件应该放在和laydate.js文件同级的theme里,即theme/default/font里面 参考技术C 应该是加载字体异常导致的,我用的是springmvc 在web。xml中增加如下,允许其加载对应的字体文件

<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.ttf</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>*.svg</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.eot</url-pattern>
</servlet-mapping>
参考技术D 应该是font字体图标没有加载,看一下引用的文件路径有没有问题

JS时间插件laydate

今天跟大家分享一个时间插件,这个插件是我以前经常使用的一个插件,比较强大,到目前为止还没有发现问题。

这个插件支持一下几点:

1、各种组合的时间选择(年月、年月日时分秒、阴历阳历)

2、时间区间

3、弹出显示与否

4、时间自定义格式

5、最大值最小值

6、等等

先去官网下载插件的压缩文件。

解压之后会得到《laydate》的文件夹,你可以直接把这个文件复制到你的项目中。

然后在你需要的地方引用

<script type="text/javascript" src="laydate/laydate.js"></script>
这个插件,其他的文件他会自己引进去的,如果样式什么的不能自己进来手动设置css路径什么的也是可以的。

布局格式:

<input type="text" id="test1" placeholder="yyyy-MM-dd">(www.gendan5.com)

JS格式:

laydate.render(
elem: ‘#test1‘,
type: ‘time‘,
format: ‘H点M分‘
);

这个插件的API过于强大,希望大家直接去官网查看。

以上是关于在页面中引用了laydate插件,在显示的时候,字体图标一直显示不出来的主要内容,如果未能解决你的问题,请参考以下文章

vue学习vue中怎么引用laydate.js日期插件

解决laydate时间日期插件定位溢出

layDate 日期与时间插件

layui 时间插件laydate ,取消回调

关于LayDate日历在包含母版页Web窗体不显示的原因

laydate怎么获取当前的时间