当前位置:首页 >> 网络编程

laydate时间日历插件使用方法详解

本文为大家分享了laydate时间日历插件的使用方法,供大家参考,具体内容如下

1、前言

在处理页面表单的时候,会遇到日期类型的数据,我们可以通过时间插件的让用户来选择具体的时间,这样就会比较方便。今天记录一下laydate这个时间插件。

2、代码展示

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>测试时间插件</title>
</head>
<body>
<div>
  <h3>开始和结束的相互制约</h3>
  开始日:<div class="laydate-icon" id="start" style="width:200px; margin-right:10px"></div>
  结束日:<div class="laydate-icon" id="end" style="width:200px"></div>
</div>
<hr/>
<div>
  <h3>日历结构详解</h3>
  日历插件:<input class="laydate-icon" id="time" />
</div>
</body>
<!-- 用法:直接引入laydate.js -->
<script type="text/javascript" src="/UploadFiles/2021-04-02/laydate.js">

3、页面展示

laydate时间日历插件使用方法详解

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。