laydate.js日期时间选择插件

(编辑：jimmy 日期: 2024/11/18 浏览：3 次 )

日期时间选择插件laydate.js：

效果图：

1. 引入JS。官网：http://laydate.layui.com

2. 根据需要做相应的配置。详情参看官网。

<script> 
 laydate({ 
  elem: '#seldate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class' 
  event: 'focus', //响应事件。如果没有传入event，则按照默认的click 
  format: 'YYYY/MM/DD hh:mm:ss', // 分隔符可以任意定义，该例子表示只显示年月 
  festival: true, //显示节日 
  istime: true, //显示时间选项 
  choose: function(datas){ //选择日期完毕的回调 
   alert('得到：'+datas); 
  } 
 }); 
</script>

实例源码：

<!DOCTYPE html> 
<html> 
<head> 
 <meta charset="utf-8"> 
 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 <meta name="viewport" content="width=device-width, initial-scale=1"> 
 <!-- 
 <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" /> 
 <link href="favicon.ico" rel="Bookmark" type="image/x-icon" /> 
 --> 
 <meta name="Generator" content="EditPlus®"> 
 <meta name="Author" content=""> 
 <meta name="Keywords" content=""> 
 <meta name="Description" content=""> 
 <title>layDate日期时间选择插件</title> 
 <link href="" rel="stylesheet" /> 
 <script type="text/javascript" src="/UploadFiles/2021-04-02/laydate.js">

Find more here：http://laydate.layui.com/
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：JQuery和HTML5 Canvas实现弹幕效果
下一篇：AngularJS使用ng-app自动加载bootstrap框架问题分析