`

jQuery-ui datepicker

    博客分类:
  • Web
阅读更多

 

关于datepicker的地址http://plugins.jquery.com/ui.datepicker/

 

简单用法:

 

导入jquery.js , jquery-ui.js

$( "#date" ).datepicker({

dateFormat:"yy-mm-dd"

,changeYear: true//可以选择年份

,changeMonth: true//月份

,yearRange: "c-80:c" //年的范围

,maxDate: "-18y" //最大日期

});

 

小技巧:在input上使用readonly="readonly"让其不能输入,只能选择日期

默认情况是能输入数组和你指定格式的字符。

详细API文档地址:http://api.jqueryui.com/datepicker/

分享到:
评论

相关推荐

    jquery-ui-datepicker中文版

    <script src="js/jquery.ui.datepicker-zh-CN.js"></script> 去掉该行,全英文。格式也好了很多! 期待后续的高手修改 该资源来自于网上一哥们 <script type="text/javascript" src="js/jquery-ui-timepicker-addon...

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

    《jQuery UI:深入理解与应用》 jQuery UI是基于JavaScript库jQuery的一个扩展,它提供了一系列丰富的用户界面组件,包括但不限于对话框(Dialogs)、日期选择器(Datepickers)、拖放功能(Drag and Drop)、排序...

    jquery-ui-1.11.2日期控件datepicker

    ${ctx}/plugins/jquery-ui-1.11.2/jquery-ui.css" > ${ctx}/plugins/jquery-ui-1.11.2/external/jquery/jquery.js"> ${ctx}/plugins/jquery-ui-1.11.2/jquery-ui.js"> ${ctx}/plugins/jquery-ui-1.11.2/jquery-ui-...

    修改Jquery-UI-DatePicker-可以选择时间

    <script src="js/jquery.ui.datepicker-zh-CN.js"></script> 去掉此行,样式好很多。中文版的版式需要高手完善 来自于网上一高手 <script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"> jquery-...

    jquery-ui-1.8.2.custom.min.js,jquery-ui-1.8.4.custom.css

    1.8.2是这个版本的发布编号,表示它是在2010年左右发布的,当时jQuery UI已经包含了大量的组件,如对话框(Dialog)、拖放(Draggable)、可排序(Sortable)、日期选择器(Datepicker)等。 接下来,`jquery-ui-...

    jquery-ui-datepicker加入时分秒 jquery.easyui时分秒

    源码修改!绝对原创!不粘贴复制!实现日期时间框,支持中文格式!...扩展了jquery-ui-datepicker的功能。在jquery easyui datetimebox 基础上汉化,并且添加一种jquery方式调用。强化了my97的onclick事件。

    jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css

    这个文件包含了各种UI组件的实现,如对话框(Dialog)、滑块(Slider)、日期选择器(Datepicker)、拖放功能(Draggable)、可排序元素(Sortable)以及许多其他交互元素。 `jquery-ui-1.8.16.custom.css` 文件则...

    jquery-ui-1.10.2.custom

    《jQuery UI 1.10.2 自定义版本详解》 jQuery UI 是一款基于 jQuery JavaScript 库的强大且灵活的用户界面库,它提供了一系列预先设计的组件,用于创建丰富的交互式网页应用。在这个主题中,我们将深入探讨的是 `...

    jquery-ui-1.7.3.custom 完整开发包

    `jQuery UI 1.7.3 Custom` 是一个流行的前端框架,主要用于构建交互式用户界面。这个完整开发包包含了创建高效、美观且响应式的网页应用所需的所有组件和资源。在这个压缩包中,我们可以找到以下几个关键部分,它们...

    jquery-ui.min.js

    这个文件包含了jQuery UI的所有核心组件,如对话框(Dialog)、拖放(Draggable)、可排序(Sortable)、可折叠(Accordion)、时间选择器(Datepicker)等,以及众多动画效果和实用工具函数。由于进行了压缩,代码...

    jquery-ui-1.11.4完整版

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

    jQuery UI Datepicker插件timepicker时分秒

    《jQuery UI Datepicker插件与timepicker时分秒扩展详解》 在Web开发中,日期和时间的选择常常是一项必不可少的功能,jQuery UI Datepicker插件是一个非常流行的选择工具,它为用户提供了直观、易于使用的日期选择...

    jquery-ui-1.10.0.custom.zip

    《jQuery UI 1.10.0 自定义版本详解》 jQuery UI 是一个基于 jQuery JavaScript 库的可扩展用户界面库。它提供了多种交互控件、可拖动、可排序的元素、日期选择器、对话框、滑块、菜单等丰富的功能,极大地简化了...

    jquery-ui-1.7.3.custom

    《jQuery UI 1.7.3自定义版详解》 jQuery UI是基于JavaScript库jQuery的扩展,它提供了一系列丰富的用户界面组件,如日期选择器、对话框、拖放功能、排序列表等,大大增强了网页的交互性和用户体验。本文将深入探讨...

    jquery-ui+jquery-ui-rails

    《jQuery UI与jQuery UI Rails整合应用详解》 在Web开发领域,jQuery UI和Rails框架的结合使用能够构建出功能丰富、交互性强的用户界面。本文将深入探讨如何将这两个强大的工具集结合,以提升Web应用的用户体验。 ...

    jquery-ui-1.10.4.custom

    **jQuery UI 深度解析** jQuery UI 是一个基于广泛使用的 JavaScript 库 jQuery 的扩展,它为开发者提供了丰富的用户界面组件和交互效果。这个名为 "jquery-ui-1.10.4.custom" 的压缩包文件,很显然是一个自定义...

    jquery-ui-1.10.3.custom

    《jQuery UI 1.10.3自定义版本的深度解析与应用指南》 jQuery UI 是一个基于 jQuery 的开源库,提供了丰富的用户界面组件和交互功能。本篇将深入探讨如何使用 "jquery-ui-1.10.3.custom" 这一特定版本,帮助开发者...

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

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

    jquery.datepicker-zh-CN.js

    jquery datepicker 的中文包...<link href="./public/css/jqueryui/jquery-ui-1.10.3.min.css" rel="stylesheet"> $( "#datepicker" ).datepicker({dateFormat:"yy-mm-dd",regional:$.datepicker.regional['zh-CN']});

    jquery-ui-1.10.3.custom.rar jquery 日期插件 带时间选择

    `timepicker-addon`是一个扩展了jQuery UI datepicker的插件,它增加了对时间选择的支持。集成这个插件后,用户可以在同一个界面上同时选择日期和时间。 在实际项目中,我们可以这样配置日期时间选择器: ```...

Global site tag (gtag.js) - Google Analytics