解决jquery的datepicker的本地化以及Today问题


Posted in Javascript onMay 23, 2012

1、本地化
可以直接加载文件,也可以直接在script后面加入如下语句

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']); 
});

2、单击Today (今天) 直接在input 中显示日期,而不是跳转到今天的地方而需要用户再次点击日期修改方法很简单,在script中添加这段代码
$.datepicker._gotoToday = function (id) { 
var target = $(id); 
var inst = this._getInst(target[0]); 
if (this._get(inst, 'gotoCurrent') && inst.currentDay) { 
inst.selectedDay = inst.currentDay; 
inst.drawMonth = inst.selectedMonth = inst.currentMonth; 
inst.drawYear = inst.selectedYear = inst.currentYear; 
} 
else { 
var date = new Date(); 
inst.selectedDay = date.getDate(); 
inst.drawMonth = inst.selectedMonth = date.getMonth(); 
inst.drawYear = inst.selectedYear = date.getFullYear(); 
this._setDateDatepicker(target, date); 
this._selectDate(id, this._getDateDatepicker(target)); 
} 
this._notifyChange(inst); 
this._adjustDate(target); 
}
Javascript 相关文章推荐
Juqery Html(),append()等方法的Bug解决方法
Dec 13 Javascript
artDialog双击会关闭对话框的修改过程分享
Aug 05 Javascript
jquery实现的网页自动播放声音
Apr 30 Javascript
AngularJs bootstrap搭载前台框架——基础页面
Sep 01 Javascript
详解vue-router 2.0 常用基础知识点之router-link
May 10 Javascript
详解Vue.js搭建路由报错 router.map is not a function
Jun 27 Javascript
Angular2 http jsonp的实例详解
Aug 31 Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
Oct 13 Javascript
在vue中,v-for的索引index在html中的使用方法
Mar 06 Javascript
使用live-server快速搭建本地服务器+自动刷新的方法
Mar 09 Javascript
vue.js实现回到顶部动画效果
Jul 31 Javascript
浅谈Layui的eleTree树式选择器使用方法
Sep 25 Javascript
{}与function(){}选用空对象{}来存放keyValue
May 23 #Javascript
JavaScript基本编码模式小结
May 23 #Javascript
Javascript处理DOM元素事件实现代码
May 23 #Javascript
面向对象Javascript核心支持代码分享
May 23 #Javascript
Package.js  现代化的JavaScript项目make工具
May 23 #Javascript
检测input每次的输入是否合法遇到汉字输入就有问题
May 23 #Javascript
JavaScript可否多线程? 深入理解JavaScript定时机制
May 23 #Javascript
You might like
PHP中cookies使用指南
2007/03/16 PHP
PHP Squid中可缓存的动态网页设计
2008/09/17 PHP
163的邮件用phpmailer发送(实例详解)
2013/06/24 PHP
thinkphp中的多表关联查询的实例详解
2017/10/12 PHP
ThinkPHP5&amp;5.1框架关联模型分页操作示例
2019/08/03 PHP
ThinkPHP5.0框架实现切换数据库的方法分析
2019/10/30 PHP
基于PHP实现邮箱验证激活过程详解
2020/10/28 PHP
对jQuery的事件绑定的一些思考(补充)
2013/04/20 Javascript
仿谷歌主页js动画效果实现代码
2013/07/14 Javascript
jquery动态改变onclick属性导致失效的问题解决方法
2013/12/04 Javascript
特殊情况下如何获取span里面的值
2014/05/20 Javascript
很不错的两款Bootstrap Icon图标选择组件
2016/01/28 Javascript
JS遍历页面所有对象属性及实现方法
2016/08/01 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
2017/03/15 Javascript
深入理解JavaScript 参数按值传递
2017/05/24 Javascript
详解如何在微信小程序中愉快地使用sass
2018/07/30 Javascript
vue-router 实现导航守卫(路由卫士)的实例代码
2018/09/02 Javascript
javascript数组去重方法总结(推荐)
2019/03/20 Javascript
vue cli3适配所有端方案的实现
2020/04/13 Javascript
Element el-button 按钮组件的使用详解
2021/02/01 Javascript
python基于ID3思想的决策树
2018/01/03 Python
基于python历史天气采集的分析
2019/02/14 Python
使用tensorflow框架在Colab上跑通猫狗识别代码
2020/04/26 Python
Python网页解析器使用实例详解
2020/05/30 Python
python进度条显示之tqmd模块
2020/08/22 Python
基于 HTML5 Canvas实现 的交互式地铁线路图
2018/03/05 HTML / CSS
UGG澳洲官网:UGG Australia
2018/04/26 全球购物
Linux面试题LINUX系统类
2014/11/19 面试题
单位绩效考核方案
2014/05/11 职场文书
小学生植树节活动总结
2014/07/04 职场文书
学校安全工作汇报材料
2014/08/16 职场文书
2014年学校领导班子对照检查材料
2014/09/19 职场文书
财务稽核岗位职责
2015/04/13 职场文书
小学毕业感言200字
2015/07/30 职场文书
劳动模范获奖感言
2015/07/31 职场文书
2021年国产动漫公司排行前十名,玄机科技上榜,第二推出过铠甲勇士
2022/03/18 杂记