将被jqueryui(五)日期选择器datepicker

datepicker  时间:2021-01-29  阅读:()

原文地址 jquer yui 五 日期选择器datep icker作者 kerwi n

JQuer y官方的D atepi cker控件可以很方便的使用可以让用户很方便的在输入框上选择时间。

废话少说先上实例

【代码】

<scrip t>

$(funct ion() {

$( "#datep icker ").datep icker ();

});

</scrip t>

<p>Date:<inp ut type="te xt" id="d atep icker "></p>

【效果图】

下面介绍一下具体用法

一、需要加载的js文件

(1)jquer y.js

(2)jquer y.ui.core.js

(3)jquer y.ui.widge t.js

(4)jquer y.ui.datep icker j.s

二、 ht ml代码

需要一个用来加载da tepic ker控件的输入框<input id="date" type="text"/>

三、 js代码

初始化函数 $(.selec ter).datep icker ()

【参数】

因为参数较多把所有参数根据功能分成几组进行阐述

1、动画

2、 图片按钮butto nImag e ""butto nImag eOnly false 是否把按钮安全显示成图片的样子

showO n 'focus'

3、选中之后时间格式

4、面板底部的按钮控制

5、可选中的时间范围

6、面板中上一月下一月按钮控制

7、面板其他显示参数

appendText null 在日期插件的所属域后面添加指定的字符串

8、 同步显示到其他input

【代码示例】

【效果】

四、其他

1、事件

1 creat e加载的时候此事件将被触发fun ction(event ,ui)

2 befor eShow展示之前此事件将被触发funct ion(event ,ui)

3 befo r eShow Day展示日期之前事件将被触发funct ion(date)

4 onCha ngeMo nthYe ar月份或者年份的时候此事件将被触发func tion(year,month,ui)5 onC lo se关闭的时候此事件将被触发funct ion(dateT ext,ui)

6 onSel ect选中的时候此事件将被触发fun ction(dateT ext,ui)

【示例】

$(' .se lec tor').datep icker({creat e:funct ion(event ,ui) {alert ('has creat e! ! '); }

});

2、方法

(1)desto ry销毁.datep icker ("destr oy")

(2)disab le不可用.datep icker ("disab le")

(3)enabl e可用.datep icker ("enabl e")

(4)optio n获取参数.datep icker ("optio n",optio nName )

(5)optio n设置参数.datep icker ("optio n" ,optio nName , [value])

(6)widge t返回这个e lemen t.datep icker ("widge t")

(7)getDa te获取d ate.datep icker ("date" )

(8)setDa te设置d ate.datep icker ("setDa te",date)

【示例】

//设置进度条新值

$("#divPr ogres sbar").datep icker ("setDa te", '+1m+7d');

RAKsmart含站群服务器/10G带宽不限流量首月半价

RAKsmart 商家估摸着前段时间服务器囤货较多,这两个月的促销活动好像有点针对独立服务器。前面才整理到七月份的服务器活动在有一些配置上比上个月折扣力度是大很多,而且今天看到再来部分的服务器首月半价,一般这样的促销有可能是商家库存充裕。比如近期有一些服务商挖矿服务器销售不好,也都会采用这些策略,就好比电脑硬件最近也有下降。不管如何,我们选择服务器或者VPS主机要本着符合自己需求,如果业务不需要,...

raksmart:全新cloud云服务器系列测评,告诉你raksmart新产品效果好不好

2021年6月底,raksmart开发出来的新产品“cloud-云服务器”正式上线对外售卖,当前只有美国硅谷机房(或许以后会有其他数据中心加入)可供选择。或许你会问raksmart云服务器怎么样啊、raksm云服务器好不好、网络速度快不好之类的废话(不实测的话),本着主机测评趟雷、大家受益的原则,先开一个给大家测评一下!官方网站:https://www.raksmart.com云服务器的说明:底层...

HostKvm($4.25/月)俄罗斯/香港高防VPS

HostKvm又上新了,这次上架了2个线路产品:俄罗斯和香港高防VPS,其中俄罗斯经测试电信CN2线路,而香港高防VPS提供30Gbps攻击防御。HostKvm是一家成立于2013年的国外主机服务商,主要提供基于KVM架构的VPS主机,可选数据中心包括日本、新加坡、韩国、美国、中国香港等多个地区机房,均为国内直连或优化线路,延迟较低,适合建站或者远程办公等。俄罗斯VPSCPU:1core内存:2G...

datepicker为你推荐
可爱桌面背景图片浪漫桌面壁纸杀毒软件哪个好杀毒软件什么最好行车记录仪哪个好请问行车记录仪那个牌子好?p图软件哪个好有什么P图工具比较好用qq空间登录界面强行进入别人qq空间东莞电信网上营业厅怎样联系申请东莞中国电信固话360云盘网页版最近360云盘网页版登陆后,找不到文件共享群了。哪位知道在哪里可以进去文件共享群?360云盘转存百度云盘360云盘文件如何快速转存到百度云广东联通官方旗舰店联通营业厅买的号码需要多久才发货?便宜的拼音便宜一词的读音
四川虚拟主机 域名解析 免费域名注册网站 本网站服务器在美国维护 flashfxp怎么用 主机测评网 simcentric 百度云100as idc评测网 表格样式 mobaxterm 免费ftp站点 国外在线代理 网通ip 最好的空间 日本bb瘦 gspeed 免费高速空间 免费的asp空间 新加坡空间 更多