将被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');

ftlcloud9元/月,美国云服务器,1G内存/1核/20g硬盘/10M带宽不限/10G防御

ftlcloud(超云)目前正在搞暑假促销,美国圣何塞数据中心的云服务器低至9元/月,系统盘与数据盘分离,支持Windows和Linux,免费防御CC攻击,自带10Gbps的DDoS防御。FTL-超云服务器的主要特色:稳定、安全、弹性、高性能的云端计算服务,快速部署,并且可根据业务需要扩展计算能力,按需付费,节约成本,提高资源的有效利用率。活动地址:https://www.ftlcloud.com...

建站选择网站域名和IP主机地址之间关系和注意要点

今天中午的时候有网友联系到在选择网站域名建站和主机的时候问到域名和IP地址有没有关联,或者需要注意的问题。毕竟我们在需要建站的时候,我们需要选择网站域名和主机,而主机有虚拟主机,包括共享和独立IP,同时还有云服务器、独立服务器、站群服务器等形式。通过这篇文章,简单的梳理关于网站域名和IP之间的关系。第一、什么是域名所谓网站域名,就是我们看到的类似"www.laozuo.org",我们可以通过直接记...

提速啦(24元/月)河南BGP云服务器活动 买一年送一年4核 4G 5M

提速啦的来历提速啦是 网站 本着“良心 便宜 稳定”的初衷 为小白用户避免被坑 由赣州王成璟网络科技有限公司旗下赣州提速啦网络科技有限公司运营 投资1000万人民币 在美国Cera 香港CTG 香港Cera 国内 杭州 宿迁 浙江 赣州 南昌 大连 辽宁 扬州 等地区建立数据中心 正规持有IDC ISP CDN 云牌照 公司。公司购买产品支持3天内退款 超过3天步退款政策。提速啦的市场定位提速啦主...

datepicker为你推荐
月付百万的女人们满身香水味的女人和满身油烟味的女人,那种才男人们最想要的的女人?骁龙750g和765g哪个好骁龙730G和骁龙835、联发科Helio G90T哪个更好?录屏软件哪个好什么录屏软件好用轿车和suv哪个好轿车和SUV 的驾驶视野,那个比较好!!闪迪和金士顿哪个好闪迪和金士顿哪个好电视直播软件哪个好目前最好的网络电视直播软件是哪个?宝来和朗逸哪个好朗逸和宝来买哪个好游戏盒子哪个好请问游戏盒子哪个好啊电陶炉和电磁炉哪个好电陶炉和电磁炉哪个好云盘哪个好免费的网盘哪个好用啊?
广州主机租用 什么是域名解析 科迈动态域名 stablehost hostmonster 搬瓦工官网 360抢票助手 免费博客空间 一点优惠网 台湾谷歌网址 网站cdn加速 100m空间 空间合租 电信主机 上海服务器 支持外链的相册 吉林铁通 数据库空间 中国linux atom处理器 更多