`
747017186
  • 浏览: 329998 次
社区版块
存档分类
最新评论

jquery 日期控件datapicker

 
阅读更多

jquery有一个专门设置日期的工具。确切的说应该引入相应的jqueryUI的CSS文件和jqueryUI.js文件。

jQuery(function($){   

//注册相应的中文环境

     $.datepicker.regional['zh-CN'] = {   

        clearText: '清除',   

        clearStatus: '清除已选日期',   

        closeText: '关闭',   

        closeStatus: '不改变当前选择',   

        prevText: '<上月',   

        prevStatus: '显示上月',   

        prevBigText: '<<',   

        prevBigStatus: '显示上一年',   

        nextText: '下月>',   

        nextStatus: '显示下月',   

        nextBigText: '>>',   

        nextBigStatus: '显示下一年',   

        currentText: '今天',   

        currentStatus: '显示本月',   

        monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],   

        monthNamesShort: ['一','二','三','四','五','六', '七','八','九','十','十一','十二'],   

        monthStatus: '选择月份',   

        yearStatus: '选择年份',   

        weekHeader: '周',   

        weekStatus: '年内周次',   

        dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],   

        dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],   

        dayNamesMin: ['日','一','二','三','四','五','六'],   

        dayStatus: '设置 DD 为一周起始',   

        dateStatus: '选择 m月 d日, DD',   

        dateFormat: 'yy-mm-dd',   //定义日期的显示格式

        firstDay: 1,   

        initStatus: '请选择日期', 

         minDate: 0,  

        isRTL: false       

        };   

//在datapicker设置该环境

        $.datepicker.setDefaults($.datepicker.regional['zh-CN']);   

 

 

      $( "input[name='datepicker']" ).datepicker({

changeMonth: true,

changeYear: true,

dateFormat: "yy-mm-dd"//定义日期的显示格式

});

    });

 

注意jquery的版本,貌似只能支持1.7

分享到:
评论

相关推荐

    jquery 日期控件 datepicker

    jQuery UI 是一个强大的用户界面库,其中包含了许多实用的组件,其中之一就是日期选择器(Datepicker)。本篇文章将深入探讨这个功能丰富的日期控件,帮助你更好地理解和运用它。 ### 1. jQuery Datepicker 的安装...

    jquery datepicker 日期控件

    《jQuery UI Datepicker 日期选择器详解》 在网页开发中,日期选择器是一个非常常见的功能,用于方便用户输入或选择日期。jQuery UI中的Datepicker是实现这一功能的强大工具,它以其灵活性、易用性和良好的跨浏览器...

    从jquery.ui包里单独提出来的日期控件 datepicker

    初步精简过的css样式,去掉了很多多余的东西 ...jquery.ui.datepicker.js - Datepicker jquery.ui.datepicker-zh-CN.js - 本地化文件 jquery-1.6.2.min.js - JQuery1.6.2 jquery-ui-1.8.16.custom.css - 样式

    jquery 日期控件datepicker属性详细解析

    datepicker是jquery的一个插件,能够将普通的文本输入框转换为具有图形界面的日期选择控件。本文将对jquery的datepicker控件的各个属性进行详细解析,帮助用户更好地理解和使用这个控件。 首先,datepicker控件的...

    jquery日期控件(datepicker)

    这是一个很完美的日期控件,它应用在实际的大型项目上, 它通过各种浏览器测试,并且能通过最新版本的浏览器。 这是一个不可多得的控件。 详细与效果请看...

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

    《jQuery UI中的Datepicker插件实现日期控件详解》 在网页开发中,日期选择控件是不可或缺的一部分,它能够方便用户输入或选择日期,提高交互体验。jQuery UI库提供了一个强大的Datepicker插件,使得创建这样的控件...

    jquery.datepicker 日期控件

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

    jquery日期控件美化日期选择页面

    本主题聚焦于“jquery日期控件美化”,旨在提升日期选择器的用户体验,使其在网页应用中更加美观和易用。下面我们将深入探讨jQuery日期控件的使用和美化方法。 1. **jQuery日期插件** jQuery有许多第三方插件提供...

    简洁漂亮的jquery日期选择控件代码

    本文将深入探讨如何使用jQuery实现一个简洁、漂亮的日期选择控件,并通过提供的压缩包文件来演示具体代码实现。 jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理和动画创建等任务。在构建日期选择器时...

    jquery mobile datepicker 手机端日期选择器

    《jQuery Mobile Datepicker:手机端日期选择器深度解析》 在移动应用开发中,日期选择器是一个不可或缺的组件,它提供了用户友好的界面,让用户能够方便地选择日期。jQuery Mobile Datepicker 是一个专为手机端...

    精确到秒的JQuery日期控件

    总结起来,创建一个精确到秒的JQuery日期控件涉及选择合适的日期插件(如jQuery UI Datepicker),设置正确的格式,以及与JAVA后端进行AJAX通信。通过这种方式,开发者可以方便地在前端获取和处理精确到秒的日期时间...

    Jquery时间日期控件[修改][日期时间-日期-时间]

    在日期时间控件方面,jQuery提供了一些插件,如jQuery UI的Datepicker和Bootstrap DateTimePicker,这些插件能够帮助开发者轻松创建用户友好的时间日期选择器。 1. **jQuery UI Datepicker**: 这是jQuery的一个核心...

    jQuery日期控件

    标题"jQuery日期控件"指的是使用jQuery和可能的插件(如jQuery UI、Bootstrap Datepicker等)来创建一个具有丰富功能和自定义样式的日期选择器。这些控件通常会提供比HTML5原生控件更广泛的支持和更丰富的用户体验。...

    JQuery 时间控件、日期控件

    jQuery UI 提供了一个名为 "Datepicker" 的插件,它是用于选择日期的常用控件。Datepicker 提供多种本地化支持,可以自定义日期格式,还允许设置日期范围限制。通过简单的API调用,如`$("#dateInput").datepicker()...

    日期选择控件 DatePicker

    jQuery UI 提供了一个功能丰富的 DatePicker 控件,它具有多种样式和配置选项,可以定制日期格式、显示模式、禁用日期等。开发者可以通过简单的 JavaScript 调用来启用该控件,并与后端 ASP.NET 代码进行交互。 在 ...

    jquery 日期时间控件

    常见的jQuery日期时间控件有jQuery UI的DatePicker、Bootstrap DateTimePicker、Pickadate.js等。这里以Bootstrap DateTimePicker为例,因为它不仅外观美观,而且功能强大,支持多种语言和自定义配置。 首先,你...

    带小时和分钟的jQuery日期控件代码

    本主题聚焦于"带小时和分钟的jQuery日期控件代码",这是一个常见需求,尤其是在构建Web应用时,用户可能需要选择特定的日期和时间。下面将详细解释如何使用jQuery实现这样的功能。 首先,我们需要一个日期时间选择...

    Jquery日期控件(超炫)

    总的来说,jQuery日期控件是前端开发中常用的一种交互元素,通过结合jQuery的强大功能和jQuery UI Datepicker的灵活性,开发者可以轻松创建出美观、易用的日期选择体验。无论是初学者还是经验丰富的开发者,掌握这一...

    asp.net jquery 日期控件

    总的来说,`asp.net jquery 日期控件`涉及到的技术点包括:ASP.NET控件、jQuery库的使用、JavaScript的DOM操作、以及第三方插件`My97DatePicker`的集成和应用。掌握这些技能,将有助于提升你在Web开发中的能力,使你...

Global site tag (gtag.js) - Google Analytics