layui 时间插件laydate ,取消回调

背景:转型新公司不再是做前端展示H5之类的东西,主要业务是后台数据读取和插件搭建前端页面,接触的第一个老项目是layui制作的,由于业务需求,需要用到时间插件以下为时间插件的一些用法------------>>>>>>>

第一步、layui时间插件laydate本身是没有回调函数的,需要在latdate找到下面这段代码

//清空
as.oclear = S(‘#laydate_clear‘);
Dates.on(as.oclear, ‘click‘, function(){
Dates.elem[as.elemv] = ‘‘;
Dates.close();

});

第二步、向清空函数中添加 typeof Dates.options.testClear === ‘function‘ && Dates.options.testClear();

最后形成的代码结构为

//清空
as.oclear = S(‘#laydate_clear‘);
Dates.on(as.oclear, ‘click‘, function(){
Dates.elem[as.elemv] = ‘‘;
Dates.close();
typeof Dates.options.testClear === ‘function‘ && Dates.options.testClear();
});

此时即可在前端调用testClear函数   前端调用如下

<script type="text/javascript">
laydate({
elem: ‘#searchTime‘,
choose:function(value){
$("#searchTime").attr("data-starttime",value);
},//改变日期时把改变的日期赋值给searchTime的data-starttime
testClear:function(){
$("#searchTime").attr("data-starttime","");//清除日期的时候吧searchTime的data-starttime值清空
}
});

</script>

原文地址:https://www.cnblogs.com/iwen1992/p/10670498.html

时间: 2024-11-02 07:21:40

layui 时间插件laydate ,取消回调的相关文章

JS时间插件laydate

今天跟大家分享一个时间插件,这个插件是我以前经常使用的一个插件,比较强大,到目前为止还没有发现问题. 这个插件支持一下几点: 1.各种组合的时间选择(年月.年月日时分秒.阴历阳历) 2.时间区间 3.弹出显示与否 4.时间自定义格式 5.最大值最小值 6.等等 先去官网下载插件的压缩文件. 解压之后会得到<laydate>的文件夹,你可以直接把这个文件复制到你的项目中. 然后在你需要的地方引用 <script type="text/javascript" src=&q

日期时间插件--日期时间组件文档 - 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

多选的时间插件daterangepicker

最近在做一个后台管理的项目,需要一个多选的时间插件,在网上找了很多vue的多选时间插件,可以是不支持,不是vue版本太低 不支持较高的vue版本,就是只支持单选日期. 之后就干脆找了个jquery的时间插件,daterangepicker这个插件挺好用的,简单有容易上手,API文档也比较简单,http://www.daterangepicker.com/#examples. p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px "Helveti

时间插件-daterangepicker

一款基于bootstrap的时间插件daterangepicker,顾名思义,主要用于时间区间选择,也可做单个时间选择 demo.1汉化版的一个时间选择案例 <!DOCTYPE html> <html dir="ltr" lang="en-US"> <head> <meta charset="UTF-8" /> <title>A date range picker for Bootstr

时间插件摘要

示例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+'-'

添加一个时间插件: 1.把插件放到 public目录 下 datetimepicker

<!-- 引入时间插件 --><link href="__PUBLIC__/datetimepicker/jquery-ui-1.9.2.custom.min.css" rel="stylesheet" type="text/css" /><script type="text/javascript" charset="utf-8" src="__PUBLIC__/da

时间插件

时间插件wdatepicker - [ ] jeDate 下载地址 - [ ] bootstrap-datetimepicker 下载地址 - [ ] My97DatePicker 下载地址 - [ ] jQuery UI 插件Datepicker 下载地址

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="