文档章节

时间选择组件

nolest
 nolest
发布于 2015/08/19 16:25
字数 294
阅读 29
收藏 0

demo

第一步:引用模块

var hours = require('../../../../modules/time_picker/index');

第二步:新建日期组件 支持链式.show()调用

hours.create
    ({
        span : 60,  
        custom_time : [],
        container : $('body'),
        title: '请选择具体时间'
    }).show();

参数说明: 

-------create--------- 

span: 时间间隔。例如60,即生成0~23时,间隔为60分钟;例如:30,即生成00:00、00:30间隔为30分钟。此属性会被custom_time属性覆盖。 

custom_time : 自定义时间点,严格按照hh-mm格式,例如['10:55','23:59','11:33'],hh合法范围:00~23,mm合法范围00~59,0不能省略。该属性会令span属性失效。 

container : 该插件插入的父元素,默认值为$('body'),传入jQuery对象。 title : //标题,默认值为空。

hours.create
    ({
        span : 60,
        custom_time : [],//['10:55','23:59','11:33'],
        container : $('body'),
        title: '请选择具体时间'
    });
hours.show();

第三步:侦听确认事件。日期被确定后触发time-hour-finish事件,str_time为返回的时间参数。

hours.get_obj().on('time-hour-finish',function(event,str_time)
    {
        hours.hide();
    })

调用get_obj()方法获取UI组件本身。 调用hide()方法收起组件。 

------组件方法----- 

show : 显示 

hide : 隐藏 

create : 初始化组件 span/custom_time/container/title 

get_obj : 获取组件jQuery对象

© 著作权归作者所有

上一篇: 组件列表
下一篇: 微信JSSDK封装
nolest
粉丝 0
博文 10
码字总数 5742
作品 0
广州
私信 提问
PHP 表单生成器 - form-builder

form-builder PHP表单生成器,快速生成现代化的form表单。包含复选框、单选框、输入框、下拉选择框等元素以及,省市区三级联动,时间选择,日期选择,颜色选择,文件/图片上传等功能。 表单是使用...

xaboy
2018/06/26
6.5K
4
有赞 React 基础组件库--Zent

Zent ( ˈzent ) 是有赞 PC 端 Web UI 规范的 React 实现版本,提供了一整套基础的 UI 组件以及常用的业务组件。通过 Zent,可以快速搭建出风格统一的页面,提升开发效率。目前我们有 45+ 组...

cpylua
2017/06/19
4.7K
4
Zent - 源自有赞微商城的 React 组件库

Zent ( ˈzent ) 是有赞 PC 端 Web UI 规范的 React 实现版本,提供了一整套基础的 UI 组件以及常用的业务组件。通过 Zent,可以快速搭建出风格统一的页面,提升开发效率。目前我们有 45+ 组...

有赞前端
2017/11/10
0
0
xaboy/form-builder

form-builder PHP表单生成器,快速生成现代化的form表单。包含复选框、单选框、输入框、下拉选择框等元素以及,省市区三级联动,时间选择,日期选择,颜色选择,文件/图片上传等功能。 表单是使用...

xaboy
2018/06/27
0
0
android常用组件之DatePicker和TimePicker

在android中,DatePicker组件和TimePicker组件分别是日期选择器和时间选择器。 该实例中,当点击日期选择器按钮后,弹出日期选择框,用户选择日期后andoid会将日期显示到TextView组件中;当点...

sometimesno1
2014/12/20
306
0

没有更多内容

加载失败,请刷新页面

加载更多

nginx学习笔记

中间件位于客户机/ 服务器的操作系统之上,管理计算机资源和网络通讯。 是连接两个独立应用程序或独立系统的软件。 web请求通过中间件可以直接调用操作系统,也可以经过中间件把请求分发到多...

码农实战
41分钟前
4
0
Spring Security 实战干货:玩转自定义登录

1. 前言 前面的关于 Spring Security 相关的文章只是一个预热。为了接下来更好的实战,如果你错过了请从 Spring Security 实战系列 开始。安全访问的第一步就是认证(Authentication),认证...

码农小胖哥
今天
8
0
JAVA 实现雪花算法生成唯一订单号工具类

import lombok.SneakyThrows;import lombok.extern.slf4j.Slf4j;import java.util.Calendar;/** * Default distributed primary key generator. * * <p> * Use snowflake......

huangkejie
昨天
11
0
PhotoShop 色调:RGB/CMYK 颜色模式

一·、 RGB : 三原色:红绿蓝 1.通道:通道中的红绿蓝通道分别对应的是红绿蓝三种原色(RGB)的显示范围 1.差值模式能模拟三种原色叠加之后的效果 2.添加-颜色曲线:调整图像RGB颜色----R色增强...

东方墨天
昨天
10
1
将博客搬至CSDN

将博客搬至CSDN

算法与编程之美
昨天
12
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部