开始<input id="s_date" type="text" value="" />结束<input id="e_date" type="text" value="" />
$('#s_date').datepicker({
dateFormat: 'yy-mm-dd', //日期格式
buttonImage: 'resources/img/date.gif', //按钮的图片路径
buttonImageOnly: true, //Show an image trigger without any button.
showOn: 'both',//触发条件,both表示点击文本域和图片按钮都生效
yearRange: '1900:2999',//年份范围
clearText:'清除',
closeText:'关闭',
prevText:'前一月',
nextText:'后一月',
currentText:' ',
monthNames:['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
onSelect: function( selectedDate ) {
$( "#e_date" ).datepicker( "option", "minDate", selectedDate );
}
});
$('#e_date').datepicker({
dateFormat: 'yy-mm-dd', //日期格式
buttonImage: 'resources/img/date.gif', //按钮的图片路径
buttonImageOnly: true, //Show an image trigger without any button.
showOn: 'both',//触发条件,both表示点击文本域和图片按钮都生效
yearRange: '1900:2999',//年份范围
clearText:'清除',
closeText:'关闭',
prevText:'前一月',
nextText:'后一月',
currentText:' ',
monthNames:['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
onSelect: function( selectedDate ) {//与开始日期关联
$( "#s_date" ).datepicker( "option", "maxDate", selectedDate );
}
});
分享到:
相关推荐
《jQuery UI 1.10.3 自定义版本与日期时间选择插件详解》 jQuery UI 是一个基于 jQuery 的开源库,它提供了丰富的用户界面组件,包括但不限于对话框、滑块、进度条、按钮、日历等。在给定的"jquery-ui-1.10.3....
**jQuery UI插件详解** jQuery UI是一个基于JavaScript的开源库,它是jQuery库的扩展,提供了丰富的用户界面组件和交互效果。这个插件以其强大的功能、易于使用的API和可定制的主题而受到开发者的广泛欢迎。在本文...
jQuery UI是基于JavaScript库jQuery的一款强大的用户界面插件集,它提供了丰富的交互效果、可自定义的主题以及多种可重用的UI小部件。在本文中,我们将深入探讨jQuery UI的核心功能,尤其是标题所提及的`jquery-ui....
jQuery UI 是一款基于JavaScript库jQuery的用户界面插件集合,提供了丰富的交互效果和可自定义的主题。本文将深入解析jQuery UI 1.11.4这个版本,涵盖其核心功能、组件、应用场景以及使用方法。 一、jQuery UI的...
jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集合,它为开发者提供了丰富的功能和华丽的样式,帮助构建具有高度交互性的网页应用。这个版本,即 jQuery UI 1.8.6,包含了各种组件和特效,为网页设计和...
首先,jQuery UI Datepicker是一个基于jQuery库的日期选择器插件,它提供了一套完整的日期选择解决方案,包括各种格式化选项、日期范围限制、多语言支持等特性。开发者可以通过简单的API调用来集成到项目中,极大地...
jQuery UI 提供了一个功能强大的日期选择器插件 —— `jquery-ui-datepicker`,它可以帮助开发者实现各种复杂的日期选择效果,提升用户体验。本文将深入探讨 `jquery-ui-datepicker` 的核心功能、使用方法以及如何...
首先,jQuery UI 包含多种功能强大的组件,如日期选择器(Datepicker)、对话框(Dialog)、拖放功能(Draggable)、可排序元素(Sortable)以及下拉菜单(Dropdown)。这些组件在网页开发中非常常见,能提高用户...
**jQuery UI 日期插件详解** jQuery UI 是一个强大的 JavaScript 库,它扩展了 jQuery 的功能,提供了丰富的用户界面组件,其中包括我们今天要讨论的日期插件。这个插件允许开发者在网页上添加交互式的日期选择器,...
jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集,它提供了一系列可交互的组件,用于创建丰富的用户体验。在标题提及的 "jquery-ui-1.8.18.custom" 文件中,包含了完整的 jQuery UI 工具包,特别定制以...
jQuery UI 包含了多个模块,每个模块都是一个独立的组件,如对话框(Dialog)、日期选择器(Datepicker)、拖放(Draggable)、可排序(Sortable)、可堆叠(Stackable)、可折叠(Collapsible)等。这些组件大大...
通过访问在线工具(如 http://jqueryui.com/themeroller/),可以选择颜色、字体、边框等样式,生成定制的主题 CSS 文件。下载后,替换默认的 `jquery-ui.min.css` 文件,即可实现整个 UI 的风格统一。 ### 3. 常见...
jquery的日期插件Datepicker,这两天正好研究完了,将研究结果分享下,单独的封装汉化版本,都有注释,好修改也好使用,注意保持images里面图片的名称和路径,red-datepicker.css可以定义日期div的样式,我自己在源...
**jQuery UI 1.8.2 插件包详解** jQuery UI 是一个基于 jQuery 的开源库,它提供了丰富的用户界面组件和交互效果,使得开发者能够更便捷地创建具有专业外观和交互性的网页应用。该库在 1.8.2 版本中包含了多种功能...
jQuery UI 是一个基于 jQuery JavaScript 库的强大用户界面插件集合,它提供了一系列可定制的组件,包括对话框(Dialog)、日期选择器(Datepicker)、拖放功能(Draggable)、可排序列表(Sortable)等。...
《jQuery UI 1.10.3 自定义版本详解》 jQuery UI 是一个基于 jQuery 库的开源项目,提供了一套完整的用户界面组件,包括可交互的控件、动画效果和可自定义的主题。在本篇文章中,我们将深入探讨 jQuery UI 1.10.3 ...
首先,jQuery UI 包含多个组件,如日期选择器(Datepicker)、对话框(Dialog)、拖放(Draggable)、可排序(Sortable)和可堆叠(Resizable)。这些组件为网页开发者提供了强大的工具,帮助他们构建具有吸引力且...
**jQuery UI Datepicker是最受欢迎的JavaScript日历插件之一,尤其在jQuery库的广泛使用下,它成为开发人员实现日期选择功能的首选工具。本文将深入探讨Datepicker控件的关键特性、使用方法以及如何与其他技术如Java...
jQuery UI Datepicker日期选择插件很好用,但是不满意的是不能精确到时分秒,而jquery-ui-timepicker-addon.js正是基于jQuery UI Datepicker的一款可选时间的插件。 使用方法: 1.把下载的文件包含到页面里面 2....