`
234390216
  • 浏览: 10239012 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
博客专栏
A5ee55b9-a463-3d09-9c78-0c0cf33198cd
Oracle基础
浏览量:462906
Ad26f909-6440-35a9-b4e9-9aea825bd38e
springMVC介绍
浏览量:1776013
Ce363057-ae4d-3ee1-bb46-e7b51a722a4b
Mybatis简介
浏览量:1398762
Bdeb91ad-cf8a-3fe9-942a-3710073b4000
Spring整合JMS
浏览量:395162
5cbbde67-7cd5-313c-95c2-4185389601e7
Ehcache简介
浏览量:680178
Cc1c0708-ccc2-3d20-ba47-d40e04440682
Cas简介
浏览量:531162
51592fc3-854c-34f4-9eff-cb82d993ab3a
Spring Securi...
浏览量:1185053
23e1c30e-ef8c-3702-aa3c-e83277ffca91
Spring基础知识
浏览量:468855
4af1c81c-eb9d-365f-b759-07685a32156e
Spring Aop介绍
浏览量:151501
2f926891-9e7a-3ce2-a074-3acb2aaf2584
JAXB简介
浏览量:68352
社区版块
存档分类
最新评论

JQuery简单日历控件

阅读更多

直接贴代码:

 

	<script type="text/javascript" src="/tiantian/js/jquery.js"></script>
	<script type="text/javascript" src="/tiantian/js/jquery-ui.js"></script>
	<script type="text/javascript">
		$(function() {
			CKEDITOR.replace("content");
			$.datepicker.setDefaults({
			    showOn: 'button',//有两个选择,button是只有点击button的时候才显示,both是点击button和获得焦点后都显示
			    buttonImageOnly: true,
			    buttonImage: 'images/calendar/calendar.gif',
			    buttonText: 'Calendar',
			    changeMonth: true,
			    changeYear: true,
			    showButtonPanel: true ,
			    constrainInput: true,//约束输入
			    closeText: 'close',
			    currentText: 'Now',
			    dateFormat: 'yy-mm-dd',
			    monthNamesShort:['一月','二月','三月','四月','五月','六月','七月','八月','九月','十

月','十一月','十二月'],
			    dayNames:['星期天','星期一','星期二','星期三','星期四','星期五','星期六'],
			    dayNamesMin:['天','一','二','三','四','五','六'],
			    duration: 'slow', //显示速度
			    hideIfNoPrevNext: true,
			    minDate: '+1d',//最小日期是一天以后
			    navigationAsDateFormat: true,
			    prevText: '上月',
			    nextText: '下月',
			    yearRange: '+0:+25'
			});
			
			$("input[name='startTime']").datepicker();
			$("input[name='endTime']").datepicker();
		});
	</script>







//如要设置该控件的样式,可以到jqueryui的目录下拷贝相关的css文件,再自己做修改就可以了!

 

分享到:
评论
1 楼 老佛爷 2011-10-31  
 

相关推荐

    jquery_ui日历控件

    其中,jQuery UI 日历控件(Calendar Widget)是一个非常流行的功能,它允许开发者在网页上添加美观且功能齐全的日历显示和选择功能。这个控件广泛应用于日期输入、事件管理以及时间安排等多种场景。 首先,我们来...

    基于JQuery的日历控件

    本篇文章将详细讲解基于JQuery实现的日历控件,通过分析给定的文件,我们可以了解到如何创建一个实用且美观的日历组件。 首先,我们来看一下压缩包中的文件: 1. `calendar.css`:这是样式表文件,用于定义日历...

    jQuery实现的简易日历控件

    之前我们已经分享过不少基于jQuery的日历控件了,比如jQuery多...今天要介绍的也是一款基于jQuery的日历控件,这款日历控件非常简易,鼠标点击输入框时即可弹出日历选择日期,代码很简单,日历的配置使用也比较容易。

    jquery的日历控件控件代码

    首先,jQuery日历控件是网页应用程序中常见的用户界面元素,它允许用户方便地选择日期,常用于表单输入或者时间相关的功能。这个控件的关键在于其跨浏览器兼容性,确保在不同的Web浏览器上能正常工作,包括IE和Fire...

    jQuery-日历控件

    jQuery UI Datepicker是一款广泛应用于网页开发中的日历控件,它是jQuery UI库的一部分,提供了丰富的功能和高度的可定制性,使得网页上的日期选择变得既美观又实用。这个控件可以轻松集成到任何HTML页面中,只需...

    jquery兼容所有浏览器双日历控件

    本资源提供了一个名为"jquery兼容所有浏览器双日历控件"的解决方案,它是一个高效、易用且跨浏览器的插件,特别适合那些需要用户输入两个日期范围的场景,如酒店预订、会议安排等。 该日历控件基于jQuery库,jQuery...

    日历控件(Jquery)

    在网页开发中,日历控件是...总的来说,jQuery日历控件通过便捷的API和丰富的插件,为开发者提供了构建高效、美观日期选择功能的解决方案。理解并熟练运用这些控件,能够显著提升用户体验,使网页应用更加互动和实用。

    携程网 时间控件 jquery控件 时间控件 php

    1. **jQuery插件开发**:这个时间控件可能是基于jQuery的一个自定义插件,允许开发者通过简单的调用来实现时间选择功能。jQuery插件通常包含初始化、事件处理和方法调用等部分,使得代码复用和扩展变得简单。 2. **...

    JQuery时间日历控件集合

    在本篇文章中,我们将探讨“JQuery时间日历控件集合”,这是一种利用jQuery来实现的交互式日期选择工具,用于增强用户在网页上的日期输入体验。这些控件通常以插件的形式存在,可以方便地集成到任何基于jQuery的项目...

    JQuery日历控件 .

    JQuery日历控件是一种广泛应用于网页开发中的交互式组件,它允许用户通过直观的日历界面选择日期。这种控件通常由JavaScript库JQuery提供支持,以增强网页的用户体验,尤其是涉及日期输入或日程安排的功能。在本篇...

    JQuery双日历控件实例

    在这个实例中,我们将探讨“JQuery双日历控件”,这是一个用于时间段查询的实用工具,同时也支持自定义功能。 标题中的“JQuery双日历控件”指的是一个基于JQuery的插件,它提供了两个并排的日历,允许用户选择一个...

    JQuery超酷日历控件例子(各种样式)

    我们将深入探讨jQuery日历控件的基本原理、应用场景以及如何使用这些例子。 首先,jQuery日历控件通常是一个插件,它是通过扩展jQuery的功能来实现日期选择的功能。在这些例子中,"datapicker"可能是指一个特定的...

    基于JQUERY的日历控件

    基于JQUERY的日历控件 思路结构清晰,可供学习使用

    jquery 日历控件 时分秒

    而如果想要一个轻量级且可高度定制的解决方案,那么基础的jQuery日历控件可能更合适,可以通过自定义代码来添加时分秒选择功能。对于视觉体验要求较高的项目,可以考虑结合使用日历控件和jQuery图片效果来提升界面...

    jquery datepicker日历控件支持多种颜色弹出日历

    jQuery UI中的`datepicker`日历控件是一款广泛应用于网页交互设计中的日期选择工具。它以其易用性、灵活性和丰富的自定义选项而受到开发者们的喜爱。在这个特定的主题中,我们探讨的是如何使`datepicker`控件支持...

    基于jQuery的日历控件源码

    【基于jQuery的日历控件源码】是一种在网页中实现日期选择功能的JavaScript组件,它利用流行的jQuery库来简化交互和动画效果。jQuery是一个轻量级的JavaScript库,以其简洁的API和高效的DOM操作而闻名,它使得创建...

    JQUERY日历控件

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互。...无论是简单的日期输入,还是复杂的日程管理应用,jQuery日历控件都能提供有效的解决方案。

    JQuery日历控件

    总之,jQuery日历控件是前端开发中的一个重要组件,它通过简单的API和自定义选项,使得在网页上创建功能丰富的日期选择器变得容易。开发者可以通过研究这些文件,理解其工作原理,进一步定制自己的日历控件,以适应...

    jquery的日历控件

    jQuery.datePickerCn是针对中文环境定制的jQuery日历插件,它提供了丰富的功能和良好的浏览器兼容性,适用于各种项目需求。 ### jQuery.datePickerCn 插件特点 1. **易用性**:jQuery.datePickerCn插件通过简单的...

Global site tag (gtag.js) - Google Analytics