jQuery.ptTimeSelect 时间控件

简介: jQuery.ptTimeSelect http://pttimeselect.sourceforge.net/example/index.html Documentation Installation There are two files (.

jQuery.ptTimeSelect

http://pttimeselect.sourceforge.net/example/index.html

Documentation

Installation

There are two files (.css and .js) delivered with this plugin and that must be incluced in your html page after the jquery.js library, and prior to making any attempts at using it.  Both of these are to be included inside of the ‘head’ element of the document.

Usage

$(ele).ptTimeSelect()

Attaches a ptTimeSelect widget to each matched element.  Matched elements must be input fields that accept a values (input field).  Each element, when focused upon, will display a time selection popoup where the user can define a time.

PARAMS

@param {OBJECT} opt (Optional) An object with the options for the time selection widget.

OPTIONS

containerClass String.  A class to be assocated with the popup widget.  (default: none)
containerWidth String.  Css width for the container.  (default: none)
hoursLabel String.  Label for the Hours.  (default: Hours)
minutesLabel String.  Label for the Mintues.  (default: Minutes)
setButtonLabel String.  Label for the Set button.  (default: SET)
popupImage String.  The html element (ex. img or text) to be appended next to each input field and that will display the time select widget upon click.
zIndex Int.  Interger for the popup widget z-index.
onBeforeShow Function.  Function to be called before the widget is made visible to the user.  Function is passed 2 arguments: 1) the input field as a jquery object and 2) the popup widget as a jquery object.
onClose Function.  Function to be called after closing the popup widget.  Function is passed 1 argument: the input field as a jquery object.
onFocusDisplay Boolean.  True or False indicating if popup is auto displayed upon focus of the input field.  (default:true)

RETURNS

  • @return {object} jQuery

EXAMPLE

$('#fooTime').ptTimeSelect();

 

目录
相关文章
|
7月前
|
JavaScript 前端开发
JQuery显示和隐藏控件
JQuery显示和隐藏控件
36 0
|
JavaScript
jQuery UI 自定义样式的日历控件
在线演示 本地下载
1259 0
|
JavaScript 前端开发
jquery datetimepicker日期时间控件
(function($) { $(function() { $.datepicker.
1498 0
|
JavaScript 前端开发
Jquery 动态追加控件并获取值
  先展示通过动态添加控件的结果:     实现步骤: 1.引用js文件 2.引用BootStrap(纯属为了控件好看) 3.画一个Table控件用于存放按钮 控件    ...
1219 0