`
jayghost
  • 浏览: 441663 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

JQuery UI实现先择年份和月份,没有日

    博客分类:
  • Web
 
阅读更多

首先,要有以下几个文件

<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实现时分秒UI实现Demo

    Jquery UI实现时分秒UI实现Demo,在原有Jquery UI DatePicker插件基础上整合jquery-ui-timepicker-addon.js实现年月日 时分秒日期时间格式,方便用户快速开发HTML

    jquery ui实现的grid

    要使用Grid,首先需要在页面上引入jQuery和jQuery UI的库,然后选择一个表格元素并调用`$.fn.jqueryui.grid()`方法进行初始化。例如: ```javascript $("#myTable").grid({ // 配置选项 }); ``` 3. **配置...

    用jQuery UI实现动(静)态加载树

    这个项目是通过结合jQuery UI、Servlet和JSP技术来实现动态(或静态)加载树形结构数据的示例。 首先,jQuery UI 提供了 Treeview 插件,用于将HTML列表转换为具有交互性的树形视图。在本项目中,可能使用了 `...

    用JQuery和JQuery ui实现的一个简单login例子

    标题 "用JQuery和JQuery UI实现的一个简单login例子" 提供了我们即将探讨的核心内容,即使用JQuery和JQuery UI库来构建一个登录(login)界面。JQuery是JavaScript的一个库,它简化了HTML文档遍历、事件处理、动画...

    bootstrap&jQueryUI例子

    在"bootstrap&jQueryUI例子"这个压缩包中,可能包含的是结合了这两个框架的示例代码或项目。这些示例通常会展示如何在同一个页面中有效地利用 Bootstrap 的布局和样式,同时引入 jQuery UI 的组件,实现更复杂的用户...

    jquery ui messager 消息框

    5. **Ajax**:jQuery UI Messager可能利用Ajax技术来异步加载和更新消息,这样可以实现无刷新页面更新,提高用户体验。 6. **事件处理**:jQuery UI Messager可能会绑定各种用户交互事件,如点击按钮关闭消息框、...

    jQuery UI组件 jQuery UI

    总的来说,jQuery UI 是前端开发的重要工具,它简化了UI组件的实现,提高了开发效率,使得开发者可以更加专注于业务逻辑和用户体验的提升。无论你是新手还是经验丰富的开发者,jQuery UI 都能为你提供强大而灵活的...

    jquery-ui.css、jquery-ui.js下载

    总的来说,jQuery UI为开发者提供了强大且易于使用的用户界面组件,通过`jquery-ui.css`和`jquery-ui.js`,我们可以快速构建交互性丰富的Web应用,提高用户的操作体验。然而,合理地配置和优化这两个文件,以适应...

    JQuery UI 中文帮助文档

    这个中文帮助文档是针对jQuery UI的详细指南,旨在帮助开发者更好地理解和使用这个强大的工具集。 ### 1. jQuery UI 的主要功能 jQuery UI 包含了多种功能模块,包括但不限于: - **TABS(选项卡)**: 提供了一种...

    jquery-ui包含功能演示及代码

    jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户... (3) jQuery本身注重于后台,没有漂亮的界面,而jQuery UI则补充了前者的不足,他提供了华丽的展示界面,使人更容易接受。既有强大的后台,又有华丽的前台。

    JQueryUI,EasyUI一些控件的使用

    在本文中,我们将深入探讨JQueryUI和EasyUI这两个JavaScript库在创建用户界面时的一些关键控件和功能,包括表单、Tab切换以及样式切换。它们都是为了提升Web应用程序的用户体验和交互性而设计的。 首先,让我们了解...

    jquery ui & themes

    在Web开发领域,jQuery UI是一个强大且广泛使用的JavaScript库,它基于jQuery核心库,提供了丰富的用户界面组件和交互效果。jQuery UI的主要目标是简化前端开发,通过提供一系列可定制的UI元素,使得开发者能够快速...

    jQueryUI MetroUI WindowUI 主题

    总的来说,"jQueryUI MetroUI WindowUI"主题为开发者提供了一种将Windows 8 Metro UI风格引入jQuery UI项目的方法,通过调整和定制这些组件,可以为网站或应用带来现代化的外观和感觉。同时,了解如何利用jQUIT ...

    基于jquery ui实现的portal

    "基于jquery ui实现的portal"这个主题,主要涉及到如何利用jQuery UI来构建一个门户页面。门户页面通常是一个集成了多种功能和信息展示的入口,它能够根据用户需求个性化定制,提供一站式的服务体验。 首先,我们...

    使用jqueryUI实现表格排序功能

    而“使用jQuery UI实现表格排序功能”是网页交互设计中的常见需求,尤其对于数据展示丰富的网页,如报表、数据分析页面等。jQuery UI 的 tablesorter 插件可以方便地实现这一功能,让表格数据可以根据用户的需求进行...

    jquery API 和 jquery ui API

    结合jQuery和jQuery UI,开发者可以构建功能丰富、交互性强的Web应用,同时降低代码复杂性和提高开发效率。jQuery UI的API与jQuery紧密集成,使得两者一起使用时能够无缝协作,提供一流的用户体验。

    jquery ui 实现的选择框

    闲来无事,用jquery模拟了一个下拉框,可以通过输入框对下拉列表进行过滤. 原理: 1.下拉框由div和文本框...jquery-ui 1.8 实现见附件,已经在IE8下测试. 无积分的可在iteye上下载 http://lic0112.iteye.com/blog/1679312

    jQueryUI jQueryUI插件 键盘插件

    而“jQueryUI键盘插件”是jQueryUI生态系统中的一个特色组件,主要用于模拟和自定义虚拟键盘。 这个键盘插件允许用户在没有物理键盘的情况下也能进行输入操作,特别适用于移动设备或触摸屏应用。它的主要特点包括:...

    jQuery UI Multiselect (jQuery UI 多选框)

    首先,确保在项目中引入了jQuery和jQuery UI的核心库,然后引入jQuery UI Multiselect的CSS和JS文件。接下来,可以按照以下步骤创建和初始化多选框: ```html &lt;!-- HTML结构 --&gt; &lt;option value="1"&gt;Option 1 ...

    jQuery、jQueryUI及jQueryMobile技巧与示例

    资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...

Global site tag (gtag.js) - Google Analytics