文档章节

5.EASYUI TimeSpinner 组件

F
 Favour
发布于 2016/08/14 16:37
字数 532
阅读 11
收藏 0
点赞 0
评论 0

1.基本时间微调器组件 

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<meta charset="UTF-8">
	<title>Basic TimeSpinner - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/demo/demo.css">
	<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.min.js"></script>
	<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
	<h2>基本时间微调器组件</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>点击微调按钮来调整时间.</div>
	</div>
	<div style="margin:10px 0;"></div>
	<input class="easyui-timespinner" style="width:80px;">
</body>
</html>

2.时间范围

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<meta charset="UTF-8">
	<title>Basic TimeSpinner - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/demo/demo.css">
	<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.min.js"></script>
	<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
	<h2>时间范围</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>时间被限制在指定范围内.</div>
	</div>
	<div style="margin:10px 0;">
		<span>08:30到18:00</span>
	</div>
	<input class="easyui-timespinner" data-options="min:'08:30',max:'18:00'" style="width:80px;"></input>
</body>
</html>

3.时间微调器相关操作

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<meta charset="UTF-8">
	<title>Basic TimeSpinner - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.3.3/demo/demo.css">
	<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.min.js"></script>
	<script type="text/javascript" src="../jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
	<h2>时间微调器相关操作</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>点击下面按钮执行相关操作.</div>
	</div>
	<div style="margin:10px 0;">
		<a href="#" class="easyui-linkbutton" onclick="getValue()">获取值</a>
		<a href="#" class="easyui-linkbutton" onclick="setValue()">设置值</a>
		<a href="#" class="easyui-linkbutton" onclick="disable()">禁用</a>
		<a href="#" class="easyui-linkbutton" onclick="enable()">启用</a>
	</div>
	<input id="dt" class="easyui-timespinner" style="width:80px;">
	<script>
		function getValue(){
			var val = $('#dt').timespinner('getValue');
			alert(val);
		}
		function setValue(){
			$('#dt').timespinner('setValue', '09:45');
		}
		function disable(){
			$('#dt').timespinner('disable');
		}
		function enable(){
			$('#dt').timespinner('enable');
		}
	</script>
</body>
</html>

 

© 著作权归作者所有

共有 人打赏支持
F
粉丝 4
博文 186
码字总数 96673
作品 0
成都
程序员
用js 动态在html 中添加一段input 标签代码,并在这里 添加 easyui-timespinner 时间组件,但是执行效果只出现了一个文本编辑框, easyui-timespinner 没有被显示,这是什么问题? 万分感谢

function addHTML(lilist, lilength) { var easyui_timespinner = "easyui-timespinner"; var width = "width:50px;" alert("执行了:addHTML"); var inputid = "input" + li_length; var i......

初道者007
2017/06/27
52
0
jQuery EasyUI 1.2 发布

这个版本主要梳理了组件之间的继承及引用关系,增强了表单组件: 加强下拉框、下拉树、下拉表等插件,允许进行多选。 增加了spinner, numberspinner, timespinner等插件。 增加了treegrid插件...

stworthy
2010/08/19
3.6K
6
jQuery EasyUI 1.4.4 发布

jQuery EasyUI 1.4.4 发布了,下载地址: http://www.jeasyui.com/download/index.php ChangeLog(更新日志) Bug(错误) filebox: The 'clear' and 'reset' methods do not work properly ......

ejzhang
2015/11/05
10.2K
33
jQuery EasyUI 1.4.3 发布

jQuery EasyUI 1.4.3 发布,更新内容如下: 错误 textbox: “setText” 方法不接受 0 值,已修复。 timespinner: 在 IE11 下,单击空 textbox 出错,已修复。 tabs: “update” 方法不能只更...

ejzhang
2015/07/03
8.9K
26
jQuery-EasyUI 1.2.3 发布

Current Version: 1.2.3 ChangeLog: Bug Improvement New Plugins License: GPL License Commercial License Auto parse classes: easyui-linkbutton easyui-accordion easyui-menu easyui-m......

ejzhang
2011/04/26
6K
3
jQuery EasyUI API 中文文档 - 日期时间框(DateTimeBox)

DateTimeBox 日期时间框 扩展自 $.fn.datebox.defaults。用 $.fn.datetimebox.defaults 重写了 defaults。 依赖 datebox timespinner 用法 1.   取值: $('#DateEnd').datetimebox('getVa......

tinwai
2012/03/19
0
0
用户界面框架jQuery EasyUI正式发布v1.4.4[附下载]

jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件,助您打造适合当今网络的应用程序。 免费下载:jQu...

Miss_Hello_World
2015/11/09
0
0
React 深入系列2:组件分类

React 深入系列,深入讲解了React中的重点概念、特性和模式等,旨在帮助大家加深对React的理解,以及在项目中更加灵活地使用React。 React 组件有很多种分类方式,常见的分类方式有函数组件和...

艾特老干部
03/21
0
0
vue.js原生组件化开发(二)——父子组件

前言 在了解父子组件之前应先掌握组件开发基础。在实际开发过程中,组件之间可以嵌套,也因此生成父子组件。 父子组件创建流程 1.构建父子组件 1.1 全局注册 (1)构建注册子组件 (2)构建注册父...

Reachel
2017/05/16
0
0
vue.js 组件之间传递数据

前言 组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。如何传递数据也成了组件的重要知识点之一。 组件 组件与组件之间,还存...

林鑫
2017/07/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

idea tomcat 远程调试

tomcat 配置 编辑文件${tomcat_home}/bin/catalina.sh,在文件开头添加如下代码。    CATALINA_OPTS="-Xdebug -Xrunjdwp:transport=dt_socket,server=y,suspend=n,address=7829" Idea端配......

qwfys
今天
1
0
遍历目录下的文件每250M打包一个文件

#!/usr/bin/env python # -*- utf-8 -*- # @Time : 2018/7/20 0020 下午 10:16 # @Author : 陈元 # @Email : abcmeabc@163.com # @file : tarFile.py import os import tarfile import thr......

寻爱的小草
今天
1
0
expect同步文件&expect指定host和要同步的文件&构建文件分发系统&批量远程执行命令

20.31 expect脚本同步文件 expect通过与rsync结合,可以在一台机器上把文件自动同步到多台机器上 编写脚本 [root@linux-5 ~]# cd /usr/local/sbin[root@linux-5 sbin]# vim 4.expect#!/...

影夜Linux
今天
1
0
SpringBoot | 第九章:Mybatis-plus的集成和使用

前言 本章节开始介绍数据访问方面的相关知识点。对于后端开发者而言,和数据库打交道是每天都在进行的,所以一个好用的ORM框架是很有必要的。目前,绝大部分公司都选择MyBatis框架作为底层数...

oKong
今天
13
0
win10 上安装解压版mysql

1.效果 2. 下载MySQL 压缩版 下载地址: https://downloads.mysql.com/archives/community/ 3. 配置 3.1 将下载的文件解压到合适的位置 我最终将myql文件 放在:D:\develop\mysql 最终放的位...

Lucky_Me
今天
2
0
linux服务器修改mtu值优化cpu

一、jumbo frames 相关 1、什么是jumbo frames Jumbo frames 是指比标准Ethernet Frames长的frame,即比1518/1522 bit大的frames,Jumbo frame的大小是每个设备厂商规定的,不属于IEEE标准;...

问题终结者
今天
2
0
expect脚本同步文件expect脚本指定host和要同步的文件 构建文件分发系统批量远程执行命令

expect脚本同步文件 在一台机器上把文件同步到多台机器上 自动同步文件 vim 4.expect [root@yong-01 sbin]# vim 4.expect#!/usr/bin/expectset passwd "20655739"spawn rsync -av ro...

lyy549745
今天
1
0
36.rsync下 日志 screen

10.32/10.33 rsync通过服务同步 10.34 linux系统日志 10.35 screen工具 10.32/10.33 rsync通过服务同步: rsync还可以通过服务的方式同步。那需要开启一个服务,他的架构是cs架构,客户端服务...

王鑫linux
今天
1
0
matplotlib 保存图片时的参数

简单绘图 import matplotlib.pyplot as pltplt.plot(range(10)) 保存为csv格式,放大后依然很清晰 plt.savefig('t1.svg') 普通保存放大后会有点模糊文件大小20多k plt.savefig('t5.p...

阿豪boy
今天
3
0
java 8 复合Lambda 表达式

comparator 比较器复合 //排序Comparator.comparing(Apple::getWeight);List<Apple> list = Stream.of(new Apple(1, "a"), new Apple(2, "b"), new Apple(3, "c")) .collect(......

Canaan_
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部