专业编程基础技术教程

网站首页 > 基础教程 正文

手把手教您一款简单好用的日期插件-LayDate

ccvgpt 2024-08-09 11:53:31 基础教程 12 ℃

layDate是一款功能强大的开源插件,首先感受一下界面:

手把手教您一款简单好用的日期插件-LayDate

插件效果图

layDate包含:日期范围限制、开始日期设定、自定义日期格式、时间戳转换、当天的前后若干天返回、时分秒选择、智能响应、自动纠错、节日识别,快捷键操作等功能。

下面详细介绍一下如何使用:

  1. 下载官网(http://sentsin.com/layui/laydate/)上的压缩包,解压后只需要复制laydate文件夹到你的项目中;

  2. 在前端页面引入 <script type="text/javascript" src="js/laydate/laydate.js"></script>

  3. 在页面添加:

<div class="inline layinput">

<input placeholder="YYYY-MM-DD hh:mm:ss" onclick="laydate({istime: true, format: 'YYYY-MM-DD '})">

<label class="laydate-icon"></label>

</div>

4.设置回调函数:

<input name="beginDate" value='<s:property value="#beginDate"/>' class="diyige beginDate" onclick="laydate()">

-

<input name="endDate" value='<s:property value="#endDate"/>' class="diyige endDate" onclick="laydate()">

最近发表
标签列表