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过于强大,希望大家直接去官网查看。

原文地址:https://blog.51cto.com/14513127/2435839

时间: 2024-10-12 17:19:25

JS时间插件laydate的相关文章

工作笔记---js时间插件的使用

工作中用到日期时间插件,需要精确到秒,总结工作所得,标记... 第一种,jquery-datapicker(默认是年月日),加上扩展jquery-ui-timepicker-addon.js(可以实现时分秒) 需要引入的相关js: 1 <link rel="stylesheet" type="text/css" href="css/jquery.ui.custom.min.css" /> 2 <script type="

layui 时间插件laydate ,取消回调

背景:转型新公司不再是做前端展示H5之类的东西,主要业务是后台数据读取和插件搭建前端页面,接触的第一个老项目是layui制作的,由于业务需求,需要用到时间插件以下为时间插件的一些用法------------>>>>>>> 第一步.layui时间插件laydate本身是没有回调函数的,需要在latdate找到下面这段代码 //清空 as.oclear = S('#laydate_clear'); Dates.on(as.oclear, 'click', functi

日期时间插件--日期时间组件文档 - layui.laydate

官方文档:http://www.layui.com/doc/modules/laydate.html 样式: <body> <div> <input placeholder="开始时间" id="LAY_start_time" name="startTime"type="text"readonly/> <input placeholder="截止时间" id=&qu

js多功能时间插件推荐

多应用的js网页代码时间插件,可以选择多种模式,官网jedate插件演示demo 演示及下载地址:http://www.sucaihuo.com/js/1087.html

Angular Js -moment Picker 时间插件(时间段选择)

Angular Js -moment Picker  时间插件(时间段选择) 一.moment Picker  插件的下载.引用及配置就不在多说了,直接暴力上代码 二.Html <span>{{ctrl.newchoose}}</span> <span id='#showEndTimeError' placeholder="请选择日期" moment-picker="ctrl.chooseFormatted" format="

原生js日期时间插件鼠标点击文本框弹出日期时间表格选择日期时间

原文出处 (这是我从互联网上搜来的,感觉能满足各方面的需求.个人感觉挺不错的,所以后期修改了一下向大家推荐!) 效果图: html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org

js日期插件

推荐一款贤心写的js日期插件,调用非常方便:顺手写了一个demo. 先列举下这款插件的优点:日期范围限制.开始日期设定.自定义日期格式.时间戳转换.当天的前后若干天返回.时分秒选择.智能响应.自动纠错.节日识别.快捷键操作.更换皮肤等. 当然还有很重要的一点是使用简单: 代码如下: <!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>data_

JS小插件之2——cycle元素轮播

元素轮播效果是页面中经常会使用的一种效果.这个例子实现了通过元素的隐藏和显示来表现轮播效果.效果比较简单. 效果图如下: 源代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" Content="text/html; charset=utf-8;"> 5 <title> cycle demo </titl

时间插件摘要

示例4-3-4 发挥你的JS才能,定义任何你想要的日期限制 自动转到随机生成的一天,当然,此示例没有实际的用途,只是为演示目的 <script>//返回一个随机的日期function randomDate(){var Y = 2000 + Math.round(Math.random() * 10);var M = 1 + Math.round(Math.random() * 11);var D = 1 + Math.round(Math.random() * 27);return Y+'-'