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 相关文章推荐
return false,对阻止事件默认动作的一些测试代码
Nov 17 Javascript
js 函数调用模式小结
Dec 26 Javascript
Javascript正则控制文本框只能输入整数或浮点数
Sep 02 Javascript
JS+CSS实现的经典tab选项卡效果代码
Sep 16 Javascript
js实现索引图片切换效果
Nov 21 Javascript
用js实现博客打赏功能
Oct 24 Javascript
jQuery实现可移动选项的左右下拉列表示例
Dec 26 Javascript
vue下载excel的实现代码后台用post方法
May 10 Javascript
微信小程序云开发之使用云数据库
May 17 Javascript
Layui给switch添加响应事件的例子
Sep 03 Javascript
webgl实现物体描边效果的方法介绍
Nov 27 Javascript
Vue快速实现通用表单验证的方法
Feb 24 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
收音机的保养
2021/03/01 无线电
php数组函数序列之array_search()- 按元素值返回键名
2011/11/04 PHP
PHP 数组基本操作方法详解
2016/06/17 PHP
PHP用FTP类上传文件视频等的简单实现方法
2016/09/23 PHP
Javascript的严格模式strict mode详细介绍
2014/06/06 Javascript
jQuery插件animateSlide制作多点滑动幻灯片
2015/06/11 Javascript
浅谈addEventListener和attachEvent的区别
2016/07/14 Javascript
JavaScript仿聊天室聊天记录
2016/12/27 Javascript
Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)
2017/09/14 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
2018/02/05 Javascript
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
2018/02/21 Javascript
详解webpack4多入口、多页面项目构建案例
2018/05/25 Javascript
javascript中call,apply,callee,caller用法实例分析
2019/07/24 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
2019/11/15 Javascript
[03:40]2014DOTA2国际邀请赛 B神专访:躲箭真的很难
2014/07/13 DOTA
python进程类subprocess的一些操作方法例子
2014/11/22 Python
Python中第三方库Requests库的高级用法详解
2017/03/12 Python
Python实现学生成绩管理系统
2020/04/05 Python
python中字符串变二维数组的实例讲解
2018/04/03 Python
python 实现对文件夹中的图像连续重命名方法
2018/10/25 Python
python实现月食效果实例代码
2019/06/18 Python
Python实现平行坐标图的两种方法小结
2019/07/04 Python
详解pandas中MultiIndex和对象实际索引不一致问题
2019/07/23 Python
python实现遍历文件夹图片并重命名
2020/03/23 Python
Python实现发票自动校核微信机器人的方法
2020/05/22 Python
css3中新增的样式使用示例附效果图
2014/08/19 HTML / CSS
基于HTML5+tracking.js实现刷脸支付功能
2020/04/16 HTML / CSS
印尼太阳百货公司网站:Matahari
2018/02/04 全球购物
新西兰床上用品和家居用品购物网站:Adairs
2018/04/27 全球购物
竞选大学学委演讲稿
2014/09/13 职场文书
党的群众路线教育实践活动查摆剖析材料
2014/10/10 职场文书
法定代表人证明书
2014/11/28 职场文书
2014年高一班主任工作总结
2014/12/05 职场文书
2015年安置帮教工作总结
2015/05/22 职场文书
维护民族团结心得体会2016
2016/01/15 职场文书
MySQL定时备份数据库(全库备份)的实现
2021/09/25 MySQL