`

JQuery-UI日期插件datepicker

阅读更多
开始<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.custom.rar jquery 日期插件 带时间选择

    《jQuery UI 1.10.3 自定义版本与日期时间选择插件详解》 jQuery UI 是一个基于 jQuery 的开源库,它提供了丰富的用户界面组件,包括但不限于对话框、滑块、进度条、按钮、日历等。在给定的"jquery-ui-1.10.3....

    jquery-ui插件

    **jQuery UI插件详解** jQuery UI是一个基于JavaScript的开源库,它是jQuery库的扩展,提供了丰富的用户界面组件和交互效果。这个插件以其强大的功能、易于使用的API和可定制的主题而受到开发者的广泛欢迎。在本文...

    jquery-ui.min.js

    jQuery UI是基于JavaScript库jQuery的一款强大的用户界面插件集,它提供了丰富的交互效果、可自定义的主题以及多种可重用的UI小部件。在本文中,我们将深入探讨jQuery UI的核心功能,尤其是标题所提及的`jquery-ui....

    jquery-ui-1.11.4完整版

    jQuery UI 是一款基于JavaScript库jQuery的用户界面插件集合,提供了丰富的交互效果和可自定义的主题。本文将深入解析jQuery UI 1.11.4这个版本,涵盖其核心功能、组件、应用场景以及使用方法。 一、jQuery UI的...

    jquery-ui-1.8.6 js库

    jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集合,它为开发者提供了丰富的功能和华丽的样式,帮助构建具有高度交互性的网页应用。这个版本,即 jQuery UI 1.8.6,包含了各种组件和特效,为网页设计和...

    jQuery UI Datepicker插件timepicker时分秒

    首先,jQuery UI Datepicker是一个基于jQuery库的日期选择器插件,它提供了一套完整的日期选择解决方案,包括各种格式化选项、日期范围限制、多语言支持等特性。开发者可以通过简单的API调用来集成到项目中,极大地...

    jquery-ui-datepicker

    jQuery UI 提供了一个功能强大的日期选择器插件 —— `jquery-ui-datepicker`,它可以帮助开发者实现各种复杂的日期选择效果,提升用户体验。本文将深入探讨 `jquery-ui-datepicker` 的核心功能、使用方法以及如何...

    jquery-ui-1.11.1.custom (blue).zip jquery-UI蓝色主题包

    首先,jQuery UI 包含多种功能强大的组件,如日期选择器(Datepicker)、对话框(Dialog)、拖放功能(Draggable)、可排序元素(Sortable)以及下拉菜单(Dropdown)。这些组件在网页开发中非常常见,能提高用户...

    jquery-ui日期插件

    **jQuery UI 日期插件详解** jQuery UI 是一个强大的 JavaScript 库,它扩展了 jQuery 的功能,提供了丰富的用户界面组件,其中包括我们今天要讨论的日期插件。这个插件允许开发者在网页上添加交互式的日期选择器,...

    jquery-ui-1.8.18.custom,jquery-ui-1.8.18.custom.min,jquery-1.7.1.min

    jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集,它提供了一系列可交互的组件,用于创建丰富的用户体验。在标题提及的 "jquery-ui-1.8.18.custom" 文件中,包含了完整的 jQuery UI 工具包,特别定制以...

    jquery-ui-1.7.1.zip

    jQuery UI 包含了多个模块,每个模块都是一个独立的组件,如对话框(Dialog)、日期选择器(Datepicker)、拖放(Draggable)、可排序(Sortable)、可堆叠(Stackable)、可折叠(Collapsible)等。这些组件大大...

    关于jQuery-Ui的引用文件

    通过访问在线工具(如 http://jqueryui.com/themeroller/),可以选择颜色、字体、边框等样式,生成定制的主题 CSS 文件。下载后,替换默认的 `jquery-ui.min.css` 文件,即可实现整个 UI 的风格统一。 ### 3. 常见...

    jQuery ui Datepicker日期插件

    jquery的日期插件Datepicker,这两天正好研究完了,将研究结果分享下,单独的封装汉化版本,都有注释,好修改也好使用,注意保持images里面图片的名称和路径,red-datepicker.css可以定义日期div的样式,我自己在源...

    JQUERY-UI1.8.2插件包

    **jQuery UI 1.8.2 插件包详解** jQuery UI 是一个基于 jQuery 的开源库,它提供了丰富的用户界面组件和交互效果,使得开发者能够更便捷地创建具有专业外观和交互性的网页应用。该库在 1.8.2 版本中包含了多种功能...

    jquery.ui.datepicker.js

    日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。

    jquery-ui-1.8.custom

    jQuery UI 是一个基于 jQuery JavaScript 库的强大用户界面插件集合,它提供了一系列可定制的组件,包括对话框(Dialog)、日期选择器(Datepicker)、拖放功能(Draggable)、可排序列表(Sortable)等。...

    jquery-ui-1.10.3.custom

    《jQuery UI 1.10.3 自定义版本详解》 jQuery UI 是一个基于 jQuery 库的开源项目,提供了一套完整的用户界面组件,包括可交互的控件、动画效果和可自定义的主题。在本篇文章中,我们将深入探讨 jQuery UI 1.10.3 ...

    jquery-ui-1.8.18.custom.rar

    首先,jQuery UI 包含多个组件,如日期选择器(Datepicker)、对话框(Dialog)、拖放(Draggable)、可排序(Sortable)和可堆叠(Resizable)。这些组件为网页开发者提供了强大的工具,帮助他们构建具有吸引力且...

    jQuery ui-datepicker最好用的日历控件

    **jQuery UI Datepicker是最受欢迎的JavaScript日历插件之一,尤其在jQuery库的广泛使用下,它成为开发人员实现日期选择功能的首选工具。本文将深入探讨Datepicker控件的关键特性、使用方法以及如何与其他技术如Java...

Global site tag (gtag.js) - Google Analytics