首先,要有以下几个文件
<link href="redmond/jquery.ui.all.css" type="text/css" rel="Stylesheet"/>
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker-zh-CN.js"></script>
然后,就可以开始写初始化代码了,
<script type="text/javascript">
$(document).ready(function() {
$("#datepicker").datepicker({
showMonthAfterYear: true,
changeYear: true,
changeMonth: true,
showButtonPanel: false,
dateFormat: 'yyyy-mm',
nextText: '下个月',
prevText: '上个月',
hideIfNoPrevNext: false,
regional: 'zh-CN',
onClose: function(dateText, inst) {
var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
$(this).datepicker('setDate', new Date(year, month, 1));
$("#datepicker").val(year + '-' + (parseInt(month)+parseInt(1)));
}
});
$("#datepicker").datepicker($.datepicker.regional["zh-CN"] );
})
</script>
以下css用于屏蔽日的选择界面,而只有年份和月份,
<style>
.ui-datepicker-calendar
{
display: none;
}
</style>
分享到:
相关推荐
jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库
Jquery UI实现时分秒UI实现Demo,在原有Jquery UI DatePicker插件基础上整合jquery-ui-timepicker-addon.js实现年月日 时分秒日期时间格式,方便用户快速开发HTML
jquery ui实现的grid.包内包含jquery-ui-1.9.2.custom和一个其grid实例
jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户... (3) jQuery本身注重于后台,没有漂亮的界面,而jQuery UI则补充了前者的不足,他提供了华丽的展示界面,使人更容易接受。既有强大的后台,又有华丽的前台。
jQuery UI 实现图片裁切功能jQuery UI 实现图片裁切功能jQuery UI 实现图片裁切功能jQuery UI 实现图片裁切功能
jQuery UI 实现拖动滑块控制图片滚动(效果超酷) jQuery UI 实现拖动滑块控制图片滚动(效果超酷)
能直接部署用Servlet和jQuery UI实现的动(静态)态加载树代码,用T-Zip解压缩。
闲来无事,用jquery模拟了一个下拉框,可以通过输入框对下拉列表进行过滤. 原理: 1.下拉框由div和文本框...jquery-ui 1.8 实现见附件,已经在IE8下测试. 无积分的可在iteye上下载 http://lic0112.iteye.com/blog/1679312
资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...
2.jQuery and jQuery UI Reference 1.2 API.zip; 3.jQuery UI 1.9带给我们的惊喜.zip; 4.jQuery.ui.docs.rar; 5.jquery-easyui-1.0.5.zip; 6.jquery-easyui-1.2.ZIP; 7.jQuery-easyui-docs.rar; 8.jquery-ui-...
bootstrap&jQueryUI例子
资源名称:jQuery UI参考手册 中文CHM版内容简介:jQuery UI是一个建立在jQuery Javascript 库上的小部件和交互库,您可以使用它创建高度交互的Web应用程序。本教程将向您讲解 jQuery UI 是如何工作的。本文给...
jQueryUI jQueryUI插件 键盘插件 基于 jQueryUI 的小键盘 可灵活修改
jQuery UI Autocomplete是jQuery UI的自动完成组件演示代码
jQuery UI 是一套 jQuery 的页面 UI 插件,包含很多种常用的页面空间,例如 Tabs 、拉帘效果、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。
这个文件是关于jquery API和 jquery ui API
jquery ui themes
jquery UI chm API 帮助文档 jqueryui jquery UI chm API 帮助文档 jqueryui jquery UI chm API 帮助文档 jqueryui
JQueryUI,EasyUI一些控件的使用,表单,tab切换,样式切换等
jquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-ui