easyui表单插件-包括日期时控件-列表

← jQuery EasyUI 表单插件 – Numberspinner 数值微调器

jQuery EasyUI 表单插件 - Timespinner 时间微调器



 jQuery EasyUI 插件


扩展自 $.fn.spinner.defaults。通过 $.fn.timespinner.defaults 重写默认的 defaults。

时间微调器(timespinner)是基于微调器(spinner)创建的。它与数值微调器(numberspinner)相似,但是它只显示时间值。时间微调器(timespinner)允许用户通过点击组件右侧的小微调按钮来增加或减少时间。

依赖

  • spinner

用法

从标记创建时间微调器(timespinner)。

<input id="ss" class="easyui-timespinner" style="width:80px;"
    required="required" data-options="min:‘08:30‘,showSeconds:true">

使用 javascript 创建时间微调器(timespinner)。

<input id="ss" style="width:80px;">
$(‘#ss‘).timespinner({
    min: ‘08:30‘,
    required: true,
    showSeconds: true
});

属性

该属性扩展自微调器(spinner),下面是为时间微调器(timespinner)添加的属性。

名称 类型 描述 默认值
separator string 时分秒之间的分隔符。 :
showSeconds boolean 定义是否显示秒的信息。 false
highlight number 初始高亮的域,0 = 时,1 = 分,... 0

事件

该事件扩展自微调器(spinner)。

方法

该方法扩展自微调器(spinner),下面是为时间微调器(timespinner)重写的方法。

名称 参数 描述
options none 返回选项(options)对象。
setValue value 设置时间微调器(timespinner)的值。
代码实例:

$(‘#ss‘).timespinner(‘setValue‘, ‘17:45‘);  // set timespinner value
var v = $(‘#ss‘).timespinner(‘getValue‘);  // get timespinner value
alert(v);
getHours none 获取当前的时钟的值。
getMinutes none 获取当前的分钟的值。
getSeconds none 获取当前的秒钟的值。
时间: 2024-11-09 01:52:30

easyui表单插件-包括日期时控件-列表的相关文章

jQuery EasyUI 表单插件 - Datebox 日期框

扩展自 $.fn.combo.defaults.通过 $.fn.datebox.defaults 重写默认的 defaults. 日期框(datebox)把可编辑的文本框和下拉日历面板结合起来,用户可以从下拉日历面板中选择日期.在文本框中输入的字符串可悲转换为有效日期.被选择的日期也可以被转换为期望的格式. 依赖 combo calendar 用法 从标记创建日期框(datebox). <input id="dd" type="text" class=&quo

基于Extjs的web表单设计器 第三节——控件拖放

看过之前设计器截图的朋友应该有印象,可能会发觉我们的设计器UI设计布局其实类似Visual studio 的设计界面,采用的是左.中.右三个区域布局.左侧为控件区域.中间为表单的画布设区域.右侧为属性区域.这样的UI设计肯定就得支持控件的拖拽设计,用户只要拖放一个控件到我们的画布上,那么画布就应该立即能够看到我们拖放的控件在画布中的位置.大小.以及一些控件自带的默认信息.不用说这样的设计对于用户来说不论在操作体验上还是设计的感官上都更加直接和方便,因为我在设计阶段就可以知道我设计后的表单在系统运

表单验证之JQuery Validate控件

概述 jQuery Validation Plugin v1.14.0,基于JQuery,官网http://jqueryvalidation.org/ 该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误提示信息,且已翻译成其他 37 种语言,调用插件包就可以切换为中文等语言. 其他控件parsley.js Version 2.3.9,该插件是基于JavaScript语言的,官网http://parsle

jQuery EasyUI 表单插件 - Combobox 组合框

扩展自 $.fn.combo.defaults.通过 $.fn.combobox.defaults 重写默认的 defaults. 组合框(combobox)显示一个可编辑的文本框和下拉列表,用户可以从下拉列表中选择一个或多个值.用户可以直接输入文本到列表的顶部,或者从列表中选择一个或多个现成的值. 依赖 combo 用法 从带有预定义结构的 <select> 元素创建组合框(combobox). <select id="cc" class="easyui-

jQuery 表单插件 -- Form

1.Form 插件简介 jQuery Form 插件是一个优秀的 Ajax 表单插件,可以非常容易地.无侵入地升级 HTML 表单以支持 Ajax. jQuery Form 有两个核心方法 --- ajaxForm( ) 和 ajaxSubmit( ),它们集合了从控制表单元素到决定如何管理提交进程的功能.另外,插件还包括其它的一些方法:formToArray( ), formSerialize( ), fieldSerialize( ), clearForm( ), clearFields(

jQuery插件 -- Form表单插件jquery.form.js

jquery.form.js官网 jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合了从控制表单元素到决定如何管理提交进程的功能.另外,插件还包括其他的一些方法: formToArray().formSerialize().fieldSerialize().fieldValue().clearForm(). clearFields

使用ajax提交form表单,包括ajax文件上传 转http://www.cnblogs.com/zhuxiaojie/p/4783939.html

使用ajax提交form表单,包括ajax文件上传 前言 使用ajax请求数据,很多人都会,比如说: $.post(path,{data:data},function(data){ ... },"json"); 又或者是这样的ajax $.ajax({ url:"${pageContext.request.contextPath}/public/testupload", type:"post", data:{username:username},

怎样利用WordPress创建自己定义注冊表单插件

来源:http://www.ido321.com/1031.html 原文:Creating a Custom WordPress Registration Form Plugin 译文:创建一个定制的WordPress插件注冊表单 译者:dwqs 开门见山,WordPress提供了一个自己定义的注冊表单供新用户使用,或者当加入一个新用户到已经存在的WordPress网站. 可是假设你想实现一个自己定义的注冊表单而没有显示WordPress仪表盘的选项呢? 在这篇文章中.我们将学会怎么使用标签模

【ExtJs】ExtJs的表单插件与表单布局、提交与验证

利用ExtJs的Anchor可以为ExtJs自带的表单Form各个组件进行布局,当然,使用<[ExtJs]带日期组件的文本输入框.容器与Ext.Msg.alert告警框告警两次>(点击打开链接)中的vbox也是可以的.其实ExtJs的表单插件与表单布局并不是关键,ExtJs的表单验证还好,就几行语句就能够完成.关键是ExtJs的表单提交必须通过Ajax方式,而在后台必须传回一个Json完成表单的提交,可能有点复杂,下面就以php作为ExtJs的后台处理来说明问题ExtJs的表单.aspx,js