- 【组件】layui-v2.9.14
smart_dream
layui前端javascript
官网:Layui-极简模块化前端UI组件库(官方文档)github:GitHub-layui/layui:一套遵循原生态开发模式的WebUI组件库,采用自身轻量级模块化规范,易上手,可以更简单快速地构建网页界面。gitee:Layui:一套开源免费且受众广泛的WebUI组件库下载:可以在官网首页或更新日志页面下载到Layuilayer:通用弹出层组件layer-Layui文档laydate:Lay
- layui实现简单的酒店入住离店日历
Unique_xyt
layui日历酒店入住离店
本人新手一枚,写博客的目的是为了做记录,不喜勿喷,谢谢~。这是我做毕设时需要用到的一个小功能,功能较简单,代码较通俗。效果图如下:1.引入layui的日期组件laydate,具体引入方法详见layui的官方文档。注:上述地址,根据自己的项目情况而定。varcurrentDate=formatDate(newDate());layui.use(['form','laydate'],function(
- layui 表格实现可编辑日历
漠水情
layui表格实现日历日历可编辑日历号源
页面引用layui.css和layui.js${now}js代码如下:vartableIns;varform;varlaydate;varindex;vartwo;layui.use(['table','form','element','form','layer','laydate'],function(){vartable=layui.table;varelement=layui.element
- 【layUI】只能选某个特定区间的日历
卡夫卡的熊kfk
layui前端javascript
要实现的功能如下:业务要求让日历只有近3天可选,其它部分变灰且不可选。代码实现在html中加入如下代码:日期:$(function(){letlaydate=layui.laydate;//日期时间选择器laydate.render({elem:'#startTime',type:"datetime",min:0,max:3});});代码块解读:1、type可选的类型有:year:年month:
- layui框架学习(17:日期与时间选择模块-上)
gc_2299
网页编程layui日期与时间laydate
layui中的日期与时间选择模块laydate主要用于弹出或内嵌时间与日期的选择组件,并将选择结果返回到指定的输入元素内,从layui官网教程及示例来看,一般主要是配合文本框(inputtype=“text”)使用。 laydate模块中最重要的函数是laydate.render,使用该函数可以绑定输入元素(文本框)、设置日期和时间格式等,本文结合layui官网教程及示例,逐一学习并记录测试
- SpringBoot在thymeleaf模板引擎下集成layDate日期插件
霍格沃茨研究生
SpringBootHTML_CSS
SpringBoot框架在thymeleaf模板引擎下集成layDate日期插件爬坑过程中发现thymeleaf模板引擎对layDate影响不是很大,需要注意的就是引入插件的一些细节。看视频的时候弹幕说layui贼好用,我看大家都夸爆了就来试一下。刚好给form表单的日期框引入一个插件。(本来是想分页的,dbq太难了)1、进入layui官网,进入文档2、进入内置模块—日期与时间选则,可以看到很多样
- django项目实现视频的上传入库
尘世中迷途小书僮
pythondjango编程pythondjango
前端页面修改删除#点击修改进入修改页面吗,再来提交视频视频上传视频js代码layui.use(['upload','element','layer','laydate'],function(){varlaydate=layui.laydate;var$=layui.jquery,upload=layui.upload,element=layui.element,layer=layui.layer;
- layui 自定义日期选择器今日、昨日 、本周、本月、上个月等
程序小院
前端JavaScriptlayuijavascript前端
1、layui日期选择器laydate日期选择器layui.use(['laydate'],function(){laydate.render({elem:'#dateTime',type:'date',format:'yyyy-MM-dd',range:true,trigger:'click',done:function(val,stdate,ovdate){}});});正常显示2、自定义la
- layui laydate选择时间的回调方法
每天都进步一点点
jsJQlayuijavascript前端
控件初始打开的回调控件在打开时触发,回调返回一个参数:初始的日期时间对象laydate.render({elem:'#test',ready:function(date){console.log(date);//得到初始的日期时间对象:{year:2017,month:8,date:18,hours:0,minutes:0,seconds:0}}});日期时间被切换后的回调年月日时间被切换时都会触
- MVC+Layui弹出表单模态框
它朝若是
LayuiC#mvclayui前端
1、Html页面添加隐藏的form表单添加添加按钮规格型号:物料类型:入库数量:入库时间:备注:2、js添加弹出框和提交事件layui.use(function(){varlayer=layui.layer;//弹出框varform=layui.form;//表单varlaydate=layui.laydate//日期控件varutil=layui.util;//获取模块//日期时间选择器layd
- LayUI 日期控件
吉普赛的歌
前端-JSlayui前端javascript
//使用layui的日期控件layui.use('laydate',function(){varlaydate=layui.laydate;//执行一个laydate实例laydate.render({elem:'#datePicker',//指定元素format:'yyyy-MM-dd',//日期格式theme:'molv'//设定主题});});
- layui 日期不能重新渲染
ᥬ 小月亮
UI框架layui前端javascript
需求:当用户选择开始日期的时候,结束日期要小于开始日期。遇到的问题:当切换开始时间时,结束时间的输入框不会被重新渲染。解决:html代码:开始时间结束时间js代码:letstartInitTime=''//初始化开始时间letendInitTime=''//初始化结束时间//开始时间初始渲染laydate.render({elem:'#startTime',value:startInitTime,
- layui表格中预览视频和图片
WuWuII
前端javalayuijava
全代码Layui:数据表格table中预览图片、视频{{#if(d.type==1){}}{{#}elseif(d.type==2){}}{{#}else{}}未知{{#}}}{{#if(d.type==1){}}图片{{#}elseif(d.type==2){}}视频{{#}else{}}未知{{#}}}layui.use(['laydate','laypage','layer','table'
- Layui时间选择设置只能选择整点半点,并隐藏秒钟部分
昊喵喵博士
layui前端javascript
/*设置起止时间选择只展示时分,隐藏秒那一列*/.laydate-time-list{padding-bottom:0;overflow:hidden;}.laydate-time-list>li{width:50%!important;}.laydate-time-list>li:last-child{display:none;}.laydate-time-listolli{width:100%
- layui监听复选框checkbox选中,分页选中处理
hexu_blog
layui前端javascript
具体实现代码如下(需要关注三个位置:done表格加载完毕方法,cols中复选框栏定义,table.on中对复选框选中或取消的状态定义)这三个地方的代码直接复制去用就行了最终选中的数据id为:idslayui.use(['table','form','upload','laydate'],function(){//设置全局变量以保存选中行信息(仅需要id的话在你的业务位置调用ids即可,数据格式是i
- layui时间控件回显范围控制
哈皮给
前端技术js
htmljs//点击日期表单显示日期varnow=newDate()vareffectStartTime=laydate.render({elem:"#effectStartTime",type:"datetime",trigger:"click",min:(now.getFullYear()+'-'+(now.getMonth()+1)+'-'+now.getDate()+'00:00:00')
- layui时间范围选择器
哈皮给
前端技术layui
选择开始日期:选择结束日期:layui.use(['laydate'],function(){var$=layui.$;varlaydate=layui.laydate;//开始时间varstart=laydate.render({elem:'#startDate',theme:'#0079c4',trigger:'click',btns:['clear','confirm'],//showBot
- ajax清空所有表单内容,包括input标签、单选框radio、多选框CheckBox、下拉框select以及文本域内容
余生羁绊
#javawebajax前端
为了实现重置并清空表单内容,你可以使用jQuery的val方法将各种表单元素的值设置为空字符串,并通过layui的form.render方法来更新表单的渲染。以下是修改后的代码:layui.use(["form","laydate","jquery","layer"],function(){letform=layui.form;let$=layui.jquery;letlayer=layui.la
- layui table动态加载嵌入的下拉框,并且下拉框查询的值设为已选中
si n da
layuilayui前端c#
layui.use(['table','layer','laydate','form'],function(){vartable=layui.table,$=layui.jquery,layer=layui.layer,util=layui.util,form=layui.form,layerdate=layui.laydate;table.render({elem:'#DetailList',h
- layui下拉框jQuery动态修改选中并展示
_不吃猫的鱼_
jQueryJavaScriptHtmljavascriptlayui
全部123众所周知select的下拉的赋值方式为$("#ksbm").val(1);那么select下拉框就会根据value值选中并展示对应的选项,但layui中form表单尝试发现并不可行,也查了很多资料,感觉说的好复杂。其实解决思路很简单:在手动赋值以后对保单中的下拉重新渲染即可。只需进行form.render('select')。varform;layui.use(['laydate','f
- layui 日期选择框弹出后消失
无名大白
LayUIlayui
原因是窗口太小,日期窗碰撞边缘后会消失,解决方法是增加trigger:'click'属性。laydate.render({elem:'#kp_date',type:'date',trigger:'click'});
- layui时间日期控件laydate设置默认值,并且结束时间大于开始时间
菜菜___
使用layui的laydate控件做开始日期和结束日期的查询,并且默认查询近一个月,在做的过程中发现很多细节需要注意,在此记录下。laydate使用官方文档给了很多详细的举例根据文档,首先为控件赋默认值,并且业务要求能查到的最新日期是今天,开始日期不能大于结束日期,因此需要在定义的时候做出以下限制。由于结束日期有默认值是昨天,而开始日期可以选择今天,因此在选择开始日期后的回调里需要判断当前开始日期
- layer在弹出框里出现日期选择器
GratefulDead
手上一个项目要求做一个弹出框选择日期然后ajax提交选择用layer做这个效果一开始用的是layer.confirm发现出现弹框后弹框内的input没有出现日期选择框代码如下varstr="日期:";layer.confirm(str,{btn:['确定','取消'],tiltle:"提示“},function(){laydate.render({ele:'price',});varurl="/m
- laydate组件的时间区间选择框设置方法
DrinkwaterGor
laydate设置起始时间结束时间,起始时间不能大于结束时间htmlJS//开始时间时间varstart=laydate.render({elem:'#startDate',min:'1900-1-100:00:00',max:'2099-6-1623:59:59',trigger:'click',//采用click弹出done:function(value,date,endDate){end.c
- 前端常用插件、工具类库汇总
char1
弹出框layer:http://layer.layui.com/独立维护的三大组件之一(layDate、layer、layim)dialogBox:http://www.jq22.com/jquery-in...基于jQuery的弹出框Bootbox.js:http://bootboxjs.com/基于Bootstrap的弹出框SweetAlert:https://sweetalert.js.or
- layui中使用lay-verify不生效的问题
一只猿Hou
前端
1.在form表单内加上class=“layui-form”2.在提交按钮上加上lay-submit=""3.在想要校验的标签,加上lay-verify=“required|username”在这个属性里,加上想要的值4.本页面至少要存在以下JS代码:layui.use(['form','layedit','laydate'],function(){varform=layui.form;});使用
- layui弹出层laydate时间选择一闪而过,无法弹出时间选择
无极低码
前端javascript数据库
问题:layUI日期框弹不出,一闪而过laydate.render({elem:'#ctime',type:'datetime',trigger:'click'});解决方案:关键代码,添加如下代码trigger:'click'实现效果
- 前端常用插件、工具类库汇总
我的乌托
本人微信公众号:前端修炼之路,欢迎关注本篇文章整理自己使用过的和看到过的一些插件和工具,方便日后自己查找和使用。另外,感谢白小明,文中很多的工具来源于此。弹出框layer:http://layer.layui.com/独立维护的三大组件之一(layDate、layer、layim)dialogBox:http://www.jq22.com/jquery-in...基于jQuery的弹出框Bootb
- 修改laydate时间框出现位置
六摄
记录一次很变态的需求,如何修改laydate时间框显示的位置?在源码中修改进入laydate.js,大概在295行e.elem.style.left=d-50+("fixed"===t.position?0:o(1))+"px",e.elem.style.top=c+("fixed"===t.position?0:o())+"px"直接设置lefttop值,上面减50就是我设置的值
- jq+es6实现答题
cs大个子女生
实现效果,答题,单选,多选,填空题使用技术layui(仅样式展示),es6,jq。效果图代码:测试-layuih1{color:red;}h2,.sure{margin:5px0;}.inline{display:inline-block;}.solutioni{color:orange;}确定这是答案layui.use(['form','layedit','laydate'],function(
- 集合框架
天子之骄
java数据结构集合框架
集合框架
集合框架可以理解为一个容器,该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。
从本质上来说,Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。
简单介绍:
Collection接口是最基本的接口,它定义了List和Set,List又定义了LinkLi
- Table Driven(表驱动)方法实例
bijian1013
javaenumTable Driven表驱动
实例一:
/**
* 驾驶人年龄段
* 保险行业,会对驾驶人的年龄做年龄段的区分判断
* 驾驶人年龄段:01-[18,25);02-[25,30);03-[30-35);04-[35,40);05-[40,45);06-[45,50);07-[50-55);08-[55,+∞)
*/
public class AgePeriodTest {
//if...el
- Jquery 总结
cuishikuan
javajqueryAjaxWebjquery方法
1.$.trim方法用于移除字符串头部和尾部多余的空格。如:$.trim(' Hello ') // Hello2.$.contains方法返回一个布尔值,表示某个DOM元素(第二个参数)是否为另一个DOM元素(第一个参数)的下级元素。如:$.contains(document.documentElement, document.body); 3.$
- 面向对象概念的提出
麦田的设计者
java面向对象面向过程
面向对象中,一切都是由对象展开的,组织代码,封装数据。
在台湾面向对象被翻译为了面向物件编程,这充分说明了,这种编程强调实体。
下面就结合编程语言的发展史,聊一聊面向过程和面向对象。
c语言由贝尔实
- linux网口绑定
被触发
linux
刚在一台IBM Xserver服务器上装了RedHat Linux Enterprise AS 4,为了提高网络的可靠性配置双网卡绑定。
一、环境描述
我的RedHat Linux Enterprise AS 4安装双口的Intel千兆网卡,通过ifconfig -a命令看到eth0和eth1两张网卡。
二、双网卡绑定步骤:
2.1 修改/etc/sysconfig/network
- XML基础语法
肆无忌惮_
xml
一、什么是XML?
XML全称是Extensible Markup Language,可扩展标记语言。很类似HTML。XML的目的是传输数据而非显示数据。XML的标签没有被预定义,你需要自行定义标签。XML被设计为具有自我描述性。是W3C的推荐标准。
二、为什么学习XML?
用来解决程序间数据传输的格式问题
做配置文件
充当小型数据库
三、XML与HTM
- 为网页添加自己喜欢的字体
知了ing
字体 秒表 css
@font-face {
font-family: miaobiao;//定义字体名字
font-style: normal;
font-weight: 400;
src: url('font/DS-DIGI-e.eot');//字体文件
}
使用:
<label style="font-size:18px;font-famil
- redis范围查询应用-查找IP所在城市
矮蛋蛋
redis
原文地址:
http://www.tuicool.com/articles/BrURbqV
需求
根据IP找到对应的城市
原来的解决方案
oracle表(ip_country):
查询IP对应的城市:
1.把a.b.c.d这样格式的IP转为一个数字,例如为把210.21.224.34转为3524648994
2. select city from ip_
- 输入两个整数, 计算百分比
alleni123
java
public static String getPercent(int x, int total){
double result=(x*1.0)/(total*1.0);
System.out.println(result);
DecimalFormat df1=new DecimalFormat("0.0000%");
- 百合——————>怎么学习计算机语言
百合不是茶
java 移动开发
对于一个从没有接触过计算机语言的人来说,一上来就学面向对象,就算是心里上面接受的了,灵魂我觉得也应该是跟不上的,学不好是很正常的现象,计算机语言老师讲的再多,你在课堂上面跟着老师听的再多,我觉得你应该还是学不会的,最主要的原因是你根本没有想过该怎么来学习计算机编程语言,记得大一的时候金山网络公司在湖大招聘我们学校一个才来大学几天的被金山网络录取,一个刚到大学的就能够去和
- linux下tomcat开机自启动
bijian1013
tomcat
方法一:
修改Tomcat/bin/startup.sh 为:
export JAVA_HOME=/home/java1.6.0_27
export CLASSPATH=$CLASSPATH:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.
export PATH=$JAVA_HOME/bin:$PATH
export CATALINA_H
- spring aop实例
bijian1013
javaspringAOP
1.AdviceMethods.java
package com.bijian.study.spring.aop.schema;
public class AdviceMethods {
public void preGreeting() {
System.out.println("--how are you!--");
}
}
2.beans.x
- [Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization
bit1129
serialization
enableComplexMapKeySerialization配置项的含义
Gson在序列化Map时,默认情况下,是调用Key的toString方法得到它的JSON字符串的Key,对于简单类型和字符串类型,这没有问题,但是对于复杂数据对象,如果对象没有覆写toString方法,那么默认的toString方法将得到这个对象的Hash地址。
GsonBuilder用于
- 【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题
bit1129
Stream
包括Spark Streaming在内的实时计算数据可靠性指的是三种级别:
1. At most once,数据最多只能接受一次,有可能接收不到
2. At least once, 数据至少接受一次,有可能重复接收
3. Exactly once 数据保证被处理并且只被处理一次,
具体的多读几遍http://spark.apache.org/docs/lates
- shell脚本批量检测端口是否被占用脚本
ronin47
#!/bin/bash
cat ports |while read line
do#nc -z -w 10 $line
nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then
echo $line:ok
else
echo $line:fail
fi
done
这里的ports 既可以是文件
- java-2.设计包含min函数的栈
bylijinnan
java
具体思路参见:http://zhedahht.blog.163.com/blog/static/25411174200712895228171/
import java.util.ArrayList;
import java.util.List;
public class MinStack {
//maybe we can use origin array rathe
- Netty源码学习-ChannelHandler
bylijinnan
javanetty
一般来说,“有状态”的ChannelHandler不应该是“共享”的,“无状态”的ChannelHandler则可“共享”
例如ObjectEncoder是“共享”的, 但 ObjectDecoder 不是
因为每一次调用decode方法时,可能数据未接收完全(incomplete),
它与上一次decode时接收到的数据“累计”起来才有可能是完整的数据,是“有状态”的
p
- java生成随机数
cngolon
java
方法一:
/**
* 生成随机数
* @author
[email protected]
* @return
*/
public synchronized static String getChargeSequenceNum(String pre){
StringBuffer sequenceNum = new StringBuffer();
Date dateTime = new D
- POI读写海量数据
ctrain
海量数据
import java.io.FileOutputStream;
import java.io.OutputStream;
import org.apache.poi.xssf.streaming.SXSSFRow;
import org.apache.poi.xssf.streaming.SXSSFSheet;
import org.apache.poi.xssf.streaming
- mysql 日期格式化date_format详细使用
daizj
mysqldate_format日期格式转换日期格式化
日期转换函数的详细使用说明
DATE_FORMAT(date,format) Formats the date value according to the format string. The following specifiers may be used in the format string. The&n
- 一个程序员分享8年的开发经验
dcj3sjt126com
程序员
在中国有很多人都认为IT行为是吃青春饭的,如果过了30岁就很难有机会再发展下去!其实现实并不是这样子的,在下从事.NET及JAVA方面的开发的也有8年的时间了,在这里在下想凭借自己的亲身经历,与大家一起探讨一下。
明确入行的目的
很多人干IT这一行都冲着“收入高”这一点的,因为只要学会一点HTML, DIV+CSS,要做一个页面开发人员并不是一件难事,而且做一个页面开发人员更容
- android欢迎界面淡入淡出效果
dcj3sjt126com
android
很多Android应用一开始都会有一个欢迎界面,淡入淡出效果也是用得非常多的,下面来实现一下。
主要代码如下:
package com.myaibang.activity;
import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.os.CountDown
- linux 复习笔记之常见压缩命令
eksliang
tar解压linux系统常见压缩命令linux压缩命令tar压缩
转载请出自出处:http://eksliang.iteye.com/blog/2109693
linux中常见压缩文件的拓展名
*.gz gzip程序压缩的文件
*.bz2 bzip程序压缩的文件
*.tar tar程序打包的数据,没有经过压缩
*.tar.gz tar程序打包后,并经过gzip程序压缩
*.tar.bz2 tar程序打包后,并经过bzip程序压缩
*.zi
- Android 应用程序发送shell命令
gqdy365
android
项目中需要直接在APP中通过发送shell指令来控制lcd灯,其实按理说应该是方案公司在调好lcd灯驱动之后直接通过service送接口上来给APP,APP调用就可以控制了,这是正规流程,但我们项目的方案商用的mtk方案,方案公司又没人会改,只调好了驱动,让应用程序自己实现灯的控制,这不蛋疼嘛!!!!
发就发吧!
一、关于shell指令:
我们知道,shell指令是Linux里面带的
- java 无损读取文本文件
hw1287789687
读取文件无损读取读取文本文件charset
java 如何无损读取文本文件呢?
以下是有损的
@Deprecated
public static String getFullContent(File file, String charset) {
BufferedReader reader = null;
if (!file.exists()) {
System.out.println("getFull
- Firebase 相关文章索引
justjavac
firebase
Awesome Firebase
最近谷歌收购Firebase的新闻又将Firebase拉入了人们的视野,于是我做了这个 github 项目。
Firebase 是一个数据同步的云服务,不同于 Dropbox 的「文件」,Firebase 同步的是「数据」,服务对象是网站开发者,帮助他们开发具有「实时」(Real-Time)特性的应用。
开发者只需引用一个 API 库文件就可以使用标准 RE
- C++学习重点
lx.asymmetric
C++笔记
1.c++面向对象的三个特性:封装性,继承性以及多态性。
2.标识符的命名规则:由字母和下划线开头,同时由字母、数字或下划线组成;不能与系统关键字重名。
3.c++语言常量包括整型常量、浮点型常量、布尔常量、字符型常量和字符串性常量。
4.运算符按其功能开以分为六类:算术运算符、位运算符、关系运算符、逻辑运算符、赋值运算符和条件运算符。
&n
- java bean和xml相互转换
q821424508
javabeanxmlxml和bean转换java bean和xml转换
这几天在做微信公众号
做的过程中想找个java bean转xml的工具,找了几个用着不知道是配置不好还是怎么回事,都会有一些问题,
然后脑子一热谢了一个javabean和xml的转换的工具里,自己用着还行,虽然有一些约束吧 ,
还是贴出来记录一下
顺便你提一下下,这个转换工具支持属性为集合、数组和非基本属性的对象。
packag
- C 语言初级 位运算
1140566087
位运算c
第十章 位运算 1、位运算对象只能是整形或字符型数据,在VC6.0中int型数据占4个字节 2、位运算符: 运算符 作用 ~ 按位求反 << 左移 >> 右移 & 按位与 ^ 按位异或 | 按位或 他们的优先级从高到低; 3、位运算符的运算功能: a、按位取反: ~01001101 = 101
- 14点睛Spring4.1-脚本编程
wiselyman
spring4
14.1 Scripting脚本编程
脚本语言和java这类静态的语言的主要区别是:脚本语言无需编译,源码直接可运行;
如果我们经常需要修改的某些代码,每一次我们至少要进行编译,打包,重新部署的操作,步骤相当麻烦;
如果我们的应用不允许重启,这在现实的情况中也是很常见的;
在spring中使用脚本编程给上述的应用场景提供了解决方案,即动态加载bean;
spring支持脚本