jquery UI Datepicker时间控件的使用方法(基础版)


Posted in Javascript onNovember 07, 2015

本文为大家分享jquery ui datepicker时间控件的使用方法,通过实例讲解了解ui datepicker时间控件,先给大家看一看效果图:

效果:

jquery UI Datepicker时间控件的使用方法(基础版)

常用场合:
1.输入框
2.div
使用方法:
1.限制日期

$("#resultDiv").datepicker({
 onSelect: function (dateText, inst) {
 //代码:选择日期后触发的事件
 },
 minDate: new Date(),//最小日期
 maxDate: new Date($("#DateLimit").val())//最大日期
 });

2.中文

jQuery(function ($) {
 $.datepicker.regional['zh-CN'] = {
 closeText: '关闭',
 prevText: '<上月',
 nextText: '下月>',
 currentText: '今天',
 monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
 '七月', '八月', '九月', '十月', '十一月', '十二月'],
 monthNamesShort: ['一', '二', '三', '四', '五', '六',
 '七', '八', '九', '十', '十一', '十二'],
 dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
 dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
 dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
 weekHeader: '周',
 dateFormat: 'yy-mm-dd',
 firstDay: 1,
 isRTL: false,
 showMonthAfterYear: true,
 yearSuffix: '年'
 };
 $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
 });

以上就是jquery ui datepicker时间控件的使用方法,内容很简单,目的就是让亲们了解一下UI datepicker时间控件,希望大家会喜欢,关于jquery ui datepicker时间控件并没有结束,下篇文章会继续深入了解。

Javascript 相关文章推荐
张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习
Feb 03 Javascript
OfflineSave离线保存代码再次发布使用说明
May 23 Javascript
拖动table标题实现改变td的大小(css+js代码)
Apr 16 Javascript
Javascript表格翻页效果实现思路及代码
Aug 23 Javascript
JavaScript中5种调用函数的方法
Mar 12 Javascript
JavaScript检测上传文件大小的方法
Jul 22 Javascript
Extjs4.0 ComboBox如何实现三级联动
May 11 Javascript
BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案
Dec 14 Javascript
JS中闭包的经典用法小结(2则示例)
Dec 28 Javascript
基于element-ui组件手动实现单选和上传功能
Dec 06 Javascript
微信小程序页面传多个参数跳转页面的实现方法
May 17 Javascript
tsconfig.json配置详解
May 17 Javascript
jquery验证邮箱格式并显示提交按钮
Nov 07 #Javascript
jquery判断当前浏览器的实现代码
Nov 07 #Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
Nov 07 #Javascript
js识别uc浏览器的代码
Nov 06 #Javascript
详解javascript数组去重问题
Nov 06 #Javascript
基于JavaScript实现仿京东图片轮播效果
Nov 06 #Javascript
实现非常简单的js双向数据绑定
Nov 06 #Javascript
You might like
destoon安装出现Internal Server Error的解决方法
2014/06/21 PHP
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
javascript 动态添加表格行
2006/06/22 Javascript
javascript下有关dom以及xml节点访问兼容问题
2007/11/26 Javascript
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
2009/12/28 Javascript
javascript中打印当前的时间实现思路及代码
2013/12/18 Javascript
推荐一个封装好的getElementsByClassName方法
2014/12/02 Javascript
学习JavaScript设计模式之代理模式
2016/01/12 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
2016/09/27 Javascript
AngularJS执行流程详解
2017/02/17 Javascript
JavaScript事件方法(实例讲解)
2017/06/27 Javascript
关于Webpack dev server热加载失败的解决方法
2018/02/22 Javascript
Vuex的实战使用详解
2019/10/31 Javascript
JavaScript枚举选择jquery插件代码实例
2020/11/17 jQuery
在Django框架中运行Python应用全攻略
2015/07/17 Python
使用TensorFlow实现SVM
2018/09/06 Python
通过python的matplotlib包将Tensorflow数据进行可视化的方法
2019/01/09 Python
django列表筛选功能的实现代码
2020/03/27 Python
python属于跨平台语言码
2020/06/09 Python
CSS3实现类似翻书效果的过渡动画的示例代码
2019/09/06 HTML / CSS
HTML5在canvas中绘制复杂形状附效果截图
2014/06/23 HTML / CSS
耐克波兰官方网站:Nike波兰
2019/09/03 全球购物
莫斯科大型旅游休闲商品超市:Camping.ru
2020/09/16 全球购物
军校制空专业毕业生自我鉴定
2013/11/16 职场文书
公司清洁工岗位职责
2013/12/14 职场文书
会计电算化专业毕业生推荐信
2013/12/24 职场文书
成功经营餐厅的创业计划书范文
2013/12/26 职场文书
学校介绍信范文
2014/01/14 职场文书
二手书店创业计划书
2014/01/16 职场文书
食品行业求职人的自我评价
2014/01/19 职场文书
2014年大学庆元旦迎新年活动方案
2014/03/09 职场文书
建筑工地文明标语
2014/10/09 职场文书
酒店财务经理岗位职责
2015/04/08 职场文书
征求意见函
2015/06/05 职场文书
Golang 如何实现函数的任意类型传参
2021/04/29 Golang
Ubuntu安装Mysql+启用远程连接的完整过程
2022/06/21 Servers