在线实例实例演示使用方法<input?id="datetimepicker"?type="text"?>复制$(‘#datetimepicker‘).datetimepicker();复制参数详解参数描述默认值lang语言选择中文 “ch”-format格式化日期-timepicker是否开启时间选项falseyearStart设置最小年份-yearEnd设置最大年份-todayButton关闭选择今天按钮-下载原文:http://zaixianshouce.iteye.com/blog/2311590
这是在做OA系统的时候,需要用到的一个小功能,比较通用的,因为本人也是才接触easyui不久,希望有错的地方大家指出来,谢谢//界面 用的easyui-combobox <td><label for="lab_con_id">服务合同编号:</label></td> <td><input class="easyui-combobox" data-options="required:false" name="lab_con_id" id="lab_con_id"></td>//js$(function(){ //转到后台,查询出数据,将数据绑定 ajaxHelper(‘/L...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /><title>弹出式JavaScript日历控件</title><style>.tcalInput{background: url(‘/jscss/demoimg/201311/cal.gif‘) 100% 50% no-repeat;padding-right: 20px;cursor: pointe...
在使用jQuery Validation Engine的时候,我们除了使用自带的API之外,还可以自己自定义正则验证。自定义正则验证上一篇已经讲过了,如果想使用自定义函数进行验证怎么办?其实这个控件有个bug,在api中说也就是在我们需要进行验证的地方加上funcCall[自定义函数名],但是我们会发现总会报错,说找不到你这个函数名。其实它的要求是要添加required进行综合验证,也就是validate[required,funcCall[yorn]],这样它才识别我们的自定义...
FileUpload在HTML中是个常用的基础控件,在涉及到上传各种格式的文件时候都会用到;笔者前段时间正好用到它做上传功能,记录下来做一些累积,前端到后台用的是的Jquery中的Ajax进行数据传输,在后台的逻辑处理中以HttpPostedFileBase的对象调用SaveAs(ServerSavePath)方法去存储到指定路径。Microsoft在技术文档中是这样描述HttpPostedFileBase的Serves as the base class for classes that provide access to individual files th...
jquery-easyui是一个基于jquery的图形界面插件,利用easyui可以创建很多好看的网页界面效果,easyui的相关地址是:http://jquery-easyui.wikidot.com/; easyui的中文文档地址是:http://www.easyui.net/,本人也利用easeyUI在做一些页面效果。由于我很喜欢那种弹出的对话框界面,因此在界面中应用了Dialog类来处理一些确认的信息,但在利用中发现,弹出的对话框,不能再继续执行asp.net按钮的后台响应代码。界面如下所示。操作是在...
说明:由于Repeater控件是动态绑定,通过Id获取数据只能默认获取第一行;1.对Repeater中div设置样式2.通过$(".css").each(function(){dosome();})循环出样式为css的所有数据;比如根据不同数据值才显示不同的背景颜色;效果:4.如果有翻页的话,可以到后台注册一个JS函数;前端:定义一个function后台注册: 原文:http://www.cnblogs.com/kejie/p/4878016.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=0"><title>按钮</title><script src="../jquery-2.2.4.min.js"></script><script src="jquery.mobile-1.4.5.min.js"></script><link type="text/css" rel="stylesheet" href="jquery.mobile-1.4.5.min.css"><style>ul{width: 150px;display: inline-block;}...
JQuery获取和设置Select选项方法汇总如下:获取select先看看下面代码:缙云县外国专家局1$("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发2var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text3var checkValue=$("#select_id").val(); //获取Select选择的Value4var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值...
人比較懒 有用为主 不怎么排版了先放上Uploadify的官网链接:http://www.uploadify.com/ -->里面能够看到PHP的演示样例,属性说明,以及控件下载地址。分flash版(免费)和html5版(收费)。官网上能够看到效果演示。另外在网上找到了一份Uploadify3.2的中文API文档。能够在我上传的资源里面下载。以下就是一个基于springMVC的文件上传演示样例,看起来可能比文档更直观一些···1.下载插件放到项目中2.在jsp页面中引入下面JS和CSS<sc...
因一个项目的需要,需要在前端界面实现在折叠面板里拖曳控件到工作区的功能(类似于Android和MFC的可视化界面开发),于是就开始学起了强大的jQuery,发现里面的jQuery-UI有折叠面板、按钮等控件,但当在折叠面板里拖曳按钮时,按钮的拖曳范围只能是折叠面板内部,不能拖到工作区。所以这里绕了个弯实现了一下:主要的实现过程是:首先在控件表明生成一个副本,每次拖曳控件的时候拖曳的都是副本,当拖曳完成,即鼠标弹起后,原控件...
直接上代码<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>jQuery UI Datepicker - Default functionality</title><link href="~/Content/themes/base/jquery-ui.min.css" rel="stylesheet"/><script src="~/Scripts/jquery-3.1.1.js"></script> /// 必须 <script src="~/Scripts/jquery-ui-1.12.1.min.js"></script> /// 必须<script...
功能描述:实现同一页面中多个不同附件的上传保存,且做到最大程度的减少代码修改量(最大程度的公用),为了方便实现垃圾数据和垃圾文件的处理,项目采用临时文件夹的方式:即:文件自动上传先保存到临时文件夹下,在保存数据之后移动文件到正式目录,页面上对附件的所有操作只有用户点击“保存”后起效。插件名称及版本:Uploadify v3.1.1。解决方案:1.引用(页面开头): <link href="~/Scripts/UploadsFile/uploadify.css"...
1、首先下载datepicker.zip,解压后将整个文件放在Webcontent目录下。2、在JSP页面引入WdatePicker.js,此js文件可在解压文件中找到:<script type="text/javascript" src="<%=path%>/datepicker/WdatePicker.js">
</script>如使用<%=path%>请在页面加入<%String path = request.getContextPath();
%>3、然后在页面中加入:生日:<input onclick="WdatePicker({dateFmt:‘yyyy-MM-dd‘})" readonly="readonly"/>原文:http://blog.c...
总结:总的来说,这些控件可以在官网找到列子, 部分ui效果不如意的,可根据jQueryUI上添加的类选择器等,进行再加工<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script src="../jquery-2.2.4.min.js"></script><script src="jquery-ui.min.js"></script><link rel="stylesheet" href="jquery-ui.min.css" type="text/css"/><script>var current = 0;var max = 100;function changePro() {current...