`
流浪鱼
  • 浏览: 1673426 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery ui datepicker使用

 
阅读更多
$("#regDate").datepicker(       
{       
   showMonthAfterYear: true, // 月在年之后显示       
   changeMonth: true,   // 允许选择月份       
   changeYear: true,   // 允许选择年份       
   dateFormat:'yy-mm-dd',  // 设置日期格式       
   closeText:'关闭',   // 只有showButtonPanel: true才会显示出来       
   duration: 'fast',       
   showAnim:'fadeIn',       
   showOn:'button',   // 在输入框旁边显示按钮触发,默认为:focus。还可以设置为both       
   buttonImage: 'images/commons/calendar.gif',   // 按钮图标       
   buttonImageOnly: true,        // 不把图标显示在按钮上,即去掉按钮       
   buttonText:'选择日期',       
   showButtonPanel: true,       
   showOtherMonths: true,       
  //appendText: '(yyyy-mm-dd)',       
});     

 

 

$("#expDate").datepicker(       
{       
   showMonthAfterYear: true, // 月在年之后显示       
   changeMonth: true,   // 允许选择月份       
   changeYear: true,   // 允许选择年份       
   dateFormat:'yy-mm-dd',  // 设置日期格式       
   showClearButton: true,  // 自定义的方法(1.7.2没有清除按钮)       
  //clearText: '清除',    // 自定义的文本,在文档在有定义(js中)       
   closeText:'关闭',   // 只有showButtonPanel: true才会显示出来       
   duration: 'fast',       
   showAnim:'fadeIn',       
   showOn:'button',   // 在输入框旁边显示按钮触发,默认为:focus。还可以设置为both       
   buttonImage: 'images/commons/calendar.gif',   // 按钮图标       
   buttonImageOnly: true,        // 不把图标显示在按钮上,即去掉按钮       
   buttonText:'选择日期',       
   showButtonPanel: true,       
   showOtherMonths: true,       
  //appendText: '(yyyy-mm-dd)',       
   onSelect: function(dateText, inst)       
   {       
   var arys = new Array();       
   var arys = dateText.split('-');       
    $('#effDate').datepicker('option','maxDate',new Date(arys[0],arys[1]-1,arys[2]));       
   }       
});

 http://api.jqueryui.com/datepicker/  api地址

 

分享到:
评论

相关推荐

    jQuery UI Datepicker插件timepicker时分秒

    在Web开发中,日期和时间的选择常常是一项必不可少的功能,jQuery UI Datepicker插件是一个非常流行的选择工具,它为用户提供了直观、易于使用的日期选择界面。然而,Datepicker默认只支持日期选择,不包含时间选择...

    jquery ui datepicker all theme

    《jQuery UI Datepicker全主题详解》 在网页开发中,日期选择器是一个常见的交互元素,它使得用户能够方便地输入或选择日期。jQuery UI库中的Datepicker组件是此类功能的一个强大实现,它提供了丰富的功能和多样的...

    jQuery UI Datepicker IE8 使用的基本解决方法70-1

    jQuery UI Datepicker IE8 使用的基本解决方法:解决:IE8无法响应其中jquery.ui.datepicker部分标签a(无href)的onclick事件,和td由于放入标签a href="#",无法响应自身onclick事件,只验证了icon-trigger模式,...

    修改Jquery UI DatePicker 可以选择时间

    简要修改Jquery UI DatePicker,可以选择时间(小时,分),有需要的朋友可以参考一下。 补充说明:上面的代码做好后,没怎么测试,选择的时间是有问题的:问题1:选择的月份比当前月份少1,问题2:当选择的月份和...

    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.datepicker.js

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

    jQuery ui Datepicker日期插件

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

    jqueryui中插件Datepicker控件的使用

    ### jQuery UI 中 Datepicker 控件使用详解 #### 一、简介与基本使用 **Datepicker** 是 jQuery UI 提供的一个非常实用的日期选择插件,它可以帮助开发者轻松地在网页上添加日期选择功能。要使用 Datepicker,首先...

    jQuery UI Datepicker - Select a Date Rang

    本文将深入探讨如何使用 jQuery UI Datepicker 实现日期范围的选择,并提供中文界面。 首先,我们需要引入 jQuery UI 的库。这通常包括 jQuery 核心库和 jQuery UI 的 CSS 和 JavaScript 文件。在 HTML 文档的头部...

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

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

    jquery.datepicker 日期控件

    `jQuery UI Datepicker`是jQuery库的一个扩展,用于在网页上创建交互式日期选择器。这个控件使得用户能够方便地选择日期,广泛应用于表单输入、日程管理和其他需要日期选择的应用场景。以下是关于`jQuery UI ...

    jQueryUI datepicker

    jQuery UI Datepicker是一款广泛使用的JavaScript库,它是jQuery UI框架的一部分,专门用于添加日期选择功能到网页上。这个插件提供了一种优雅的方式来显示和选择日期,可以与timepicker插件结合,形成一个完整的...

    jquery ui利用datepicker插件实现日期控件

    在页面中使用Datepicker之前,首先需要引入jQuery库和jQuery UI的CSS与JS文件。确保在HTML文件中添加以下代码: ```html <!DOCTYPE html> <title>jQuery UI Datepicker示例 ...

    jQueryUI DatePicker:禁用一周中的几天

    @Scripts.Render("~/bundles/jqueryui") <!-- 假设你已经配置好 jQuery UI 的脚本捆绑包 --> $(function() { $("#datepicker").datepicker({ beforeShowDay: function(date) { var day = date.getDay(); ...

    jquery mobile datepicker

    **jQuery Mobile Datepicker** 是一个专门用于移动设备的日期选择器插件,它扩展了标准的jQuery UI 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 datepicker demo

    NULL 博文链接:https://flyer0126.iteye.com/blog/946177

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

    在给定的"jquery-ui-1.10.3.custom.rar"压缩包中,我们特别关注的是其内置的日期时间选择插件,这个功能强大且易于使用的工具极大地提升了用户在网页上的交互体验。 首先,jQuery UI 1.10.3 版本是该库的一个稳定...

    基于JQuery UI的datepicker二次开发 支持时分秒(带示例)

    1. JQuery UI datepicker的基本使用和API。 2. 如何扩展JQuery UI插件以添加时分秒选择功能。 3. 设计和实现皮肤切换的机制,包括CSS样式和用户界面交互。 4. 使用JavaScript和HTML创建动态交互的示例页面,如`index...

Global site tag (gtag.js) - Google Analytics