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

CloudCone中国春节优惠活动限定指定注册时间年付VPS主机$13.5

CloudCone 商家产品还是比较有特点的,支持随时的删除机器按时间计费模式,类似什么熟悉的Vultr、Linode、DO等服务商,但是也有不足之处就在于机房太少。商家的活动也是经常有的,比如这次中国春节期间商家也是有提供活动,比如有限定指定时间段之前注册的用户可以享受年付优惠VPS主机,比如年付13.5美元。1、CloudCone新年礼物限定款仅限2019年注册优惠购买,活动开始时间:1月31...

Hostodo独立日提供四款特价年付VPS套餐 最低年付$13.99

前天,还有在"Hostodo商家提供两款大流量美国VPS主机 可选拉斯维加斯和迈阿密"文章中提到有提供两款流量较大的套餐,这里今天看到有发布四款庆祝独立日的七月份的活动,最低年付VPS主机13.99美元,如果有需要年付便宜VPS主机的可以选择商家。目前,Hostodo机房可选拉斯维加斯和迈阿密两个数据中心,且都是基于KVM虚拟+NVMe整列,年付送DirectAdmin授权,需要发工单申请。(如何...

美国云服务器 1核 1G 100M 10G防御 39元/月 物语云计算

物语云计算(MonogatariCloud)是一家成立于2016年的老牌国人商家,主营国内游戏高防独服业务,拥有多家机房资源,产品质量过硬,颇有一定口碑。本次带来的是美国圣何塞 Equinix 机房的高性能I9-10980XE大带宽VPS,去程CN2GIA回程AS9929,美国原生IP,支持解锁奈飞等应用,支持免费安装Windows系统。值得注意的是,物语云采用的虚拟化技术为Hyper-V,资源全...

datepicker为你推荐
软银收购wework软银联合 GungHo 注资控股芬兰游戏公司 Supercell意味着甚么?宝来和朗逸哪个好朗逸和宝来那个比较好些各方面绝地求生加速器哪个好绝地求生哪个加速器好用一点,求推荐一个炒股软件哪个好最好的炒股软件是哪个?手机音乐播放器哪个好手机音乐播放器哪个好电陶炉和电磁炉哪个好电陶炉和电磁炉哪个好网络机顶盒哪个好现在用什么网络机顶盒最好?空间登录页面怎样用网页登录到自己的QQ空间?群空间登录群空间无法正常登陆的问题qq空间登录不了登陆不了QQ空间
免费虚拟主机申请 双线服务器租用 vps是什么意思 最便宜虚拟主机 plesk linode日本 美国主机评测 紫田 刀片服务器的优势 世界测速 免费邮件服务器 什么是web服务器 阿里云邮箱登陆地址 群英网络 nnt privatetracker 发证机构 德国代理 热云 neicun 更多