html选择出生年月插件,iceDate

本文详细介绍ice.date插件的使用方法,包括传参规则(如id、format、view等),以及回调函数(func、yearFunc等)的定义和参数。通过实例展示如何配置不同视图的日期选择器,并探讨了回调函数在时间操作中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ice.date传参,具体如下

json

类型

是否必须

说明

id

string

必须

input的唯一id,用来实例化插件

view

string

可选

类型选择,有效值为year(年份选择)、month(月份选择)、day(日期选择)、时间(时间选择)

format

string

可选

格式化,默认为(y-m-d h:i:s)格式,使用选择器view时,请使用此项

func

function(e)

可选

确认的回调函数,返回一个对象集合,elem:当前的input对象,time:格式化后的时间,date:时间对象,timestamp:时间戳

yearFunc

function(e)

可选

选择年份后的回调函数,返回一个对象集合,elem:当前的input对象,time:格式化后的时间,date:时间对象,timestamp:时间戳

monthFunc

function(e)

可选

选择月份后的回调函数,返回一个对象集合,elem:当前的input对象,time:格式化后的时间,date:时间对象,timestamp:时间戳

dayFunc

function(e)

可选

选择日期后的的回调函数,返回一个对象集合,elem:当前的input对象,time:格式化后的时间,date:时间对象,timestamp:时间戳

class属性设置,具体如下

/**

* 传参为json格式,参数如下

* ├ id {id} input的id

* ├ format {string} 时间格式

* ├ view {string} 默认视图

* ├ func {function} 确认的回调函数

* ├ yearFunc {function} 选择年份后的回调函数

* ├ monthFunc {function} 选择月份后的回调函数

* └ dayFunc {function} 选择日期后的的回调函数

*

* 回调函数:func yearFunc monthFunc dayFunc 返回的参数如下:

*├ elem 当前的input对象

*├ time 格式化后的时间

*├ date 时间对象

*└ timestamp 时间戳

*/

//该时间模块为date,方法名称为iceDate,通过ice的use方法引入该模块,也可以单独引入date.js使用

//标准时间

ice.date({id:'time',func:function(e){

alert(e.time);

});

//年月日选择

//format参数:y=年 m=月 d=日 h=时 i=分 s=秒

ice.date({id:'ymdTime',format:'y-m-d'});

//年份选择

ice.date({id:'yTime',view:'year'});

//月份选择

ice.date({id:'mTime',view:'month'});

//日期选择

ice.date({id:'dTime',view:'day'});

//时间选择

ice.date({id:'tTime',view:'time'});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值