jqueryui中插件Datepicker控件的使用
4星 · 超过85%的资源 需积分: 9 84 浏览量
2011-09-29
15:51:44
上传
评论
收藏 49KB DOC 举报 
Datepicker 使用说明
DatePicker 使用简单说明
Datepicker 是 jqueryui 插件中的一个，所以使用 Datepicker 的时候需要引入 jquery.js 文件。
Jqueryui 官方网站提供了许多中样式，你可以通过选择不同的 css 样式下载使用。
Datepicker 的使用实例
$(document).ready(function(){
$(.selector).datepicker();
});
以上代码就可以实现 datepicker 的效果。如果需要更多选项，可以通过如下代码
$(document).ready(function(){
$("#Schedule").datepicker({
dateformat:"yy-mm-dd",
changeMonth:true,
changeYear:true,
onSelect:function(date,inst){
....
}
});
});
更多选项，可以查看 jqueryui 官方网站。网站地址可以在附录中查找。
Datepicker 本地化
Datepicker 使用中默认是英文的。如果想修改为你所熟悉的语言，可以通过下载本地化 js
文件，实现 Datepicker 本地化设置。
本地化文件下载地址: http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/
中文
js
下载地址 :http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-zh-CN.js
使用实例<使他支持中文>
引入 jquery.js、jquery-ui.js、jquery.ui.datepicker-zh-CN.js。
$(document).ready(function(){
$(.selector).datepicker();
$(.selector).datepicker($.datepicker.regional['zh']);
评论6
最新资源