laydate 使用

官网 http://www.layui.com/doc/modules/laydate.html

参考 http://www.cnblogs.com/fengpingfan/p/4660273.html

版本 1.0.9 和 2.X

使用方式引入laydate.js 或者layui.js

这里使用laydate.js

在页面引入相应的js 注意版本

在js 中

statime = {

elem : '#startTime',

istime : true,

format : 'YYYY-MM-DD hh:mm:ss', // 分隔符可以任意定义，该例子表示只显示年月

festival : true, // 显示节日

start : list.layStart,

min : list.layStart,

max : list.layStart,

choose : function(datas) { // 选择日期完毕的回调

alert('您选择的日期为：' + datas);

if ($("#subsidyType").val() == null) {

$("#errorMsg_name").html("请先选择补贴类型");

}

var startTime = $("#startTime").val();// startTime

if (nullRegex.test(startTime) || startTime == null)// startTime

// 为空校验

{

$("#errorMsg_startTime").html("起始时间不能为空");

$("#errorMsg_startTime").show();

} else {

$("#errorMsg_startTime").hide();

}

} ;

方式一: laydate(statime );

方式二:$("#endTime").attr("onclick","laydate("+JSON.stringify(statime)+")");

问题: 在使用方式一, 通过异步请求给插件动态赋min 和start变量时.出现了插件在未选择时间关闭后再次点击时,初始化值是上次的初始值的问题. 采用方式二后正常.

如果使用1.0.9版本,建议通过页面的方式绑定控件

注意:将参数封装成一个对象, 修改具体参数时, 可以使用 statime.elem ="#阿斯蒂芬": 修改.

转载于:https://www.cnblogs.com/java-wp/p/7651000.html

laydate 使用相关推荐

layui中laydate兼容ie_layui菜鸟教程--乐字节前端
主要内容 LayUI 的介绍 layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用. 由国人开发,16年出厂 ...
layDate的使用
layDate有两种方式,一种是如果项目中已经引用了layer框架,可以直接使用,还有一种可以点击此处下载独立的插件下载完成后,首先引入相应的js文件 <script src="/s ...
layDate控件的使用
layDate是一个日期时间控件可以在layui中使用layDate,也可直接使用layDate独立版在layui模块中使用下载layui后,引入layui.css和layui.js即可作为独 ...
一款好用的JS时间日期插件layDate
觉得这个插件很不错,使用起来也很方便,推荐使用 1.插件截图 2.插件配置选择很多,配置也很简单,插件官网:https://www.layui.com/laydate/配置说得很明确,基本操作就是: ...
html日期英文状态显示不出来,html 时间控件插件laydate，显示时分，不显示秒
概述项目中使用到了时间控件,不知为何input-->date无法弹出控件,故使用了js插件laydate.根据项目需求,时间要求精度为分,故隐藏秒控件. 参考网友博客,最终实现如下. 代码 l ...
layui 日期重置_日期时间插件--日期时间组件文档 - layui.laydate
样式: /*这里我引的是我本地的js*/ layui.use('laydate', function () { var laydate = layui.laydate; var start = { / ...
layui table工具栏点击时间_layui table表格上添加日期控件laydate
方法:标红的地方是关键,经测试不要 data_field:'velappr' 也能用. tatable.render({ id:'idTest' ,elem: '#dict' ,page: true, ...
我是如何使用laydate日历插件更换掉老项目不好用的日历插件datepicker的
背景:最近整改了一个老项目系统,里面采用的是java+bootstrap+jsp写的,里面的日历插件datepicker特别不好用,容易点击失灵,我决定把它给替换了. layDate 官网:https ...
laydate 时间控件去掉秒以及解决在移动端不能滑动的问题
一.时间控件去掉秒,保留时分二.时间控件在移动端不能滚动一.时间控件去掉秒,保留时分方法一:使用 ready 回调函数 ready 控件在打开时触发.打开控件时让秒消失. <script& ...

laydate 使用

laydate 使用相关推荐

最新文章

热门文章