`

JQuery 插件 ui.datepicker.js 中文日期输入框

阅读更多

<script src="jquery.js" type="text/javascript" charset="utf-8"></script>   
       
        <!-- Include Core Datepicker JavaScript -->
        <script src="ui.datepicker.js" type="text/javascript" charset="utf-8"></script>   
       
        <!-- Attach the datepicker to dateinput after document is ready -->
        <script type="text/javascript" charset="utf-8">
            jQuery(function($){
                $.datepicker.regional['zh-CN'] =

     {

        clearText: '清除', clearStatus: '清除已选日期',
        closeText: '关闭', closeStatus: '不改变当前选择',
        prevText: '&lt;上月', prevStatus: '显示上月',
        nextText: '下月&gt;', nextStatus: '显示下月',
        currentText: '今天', currentStatus: '显示本月',
        monthNames: ['一月','二月','三月','四月','五月','六月',
        '七月','八月','九月','十月','十一月','十二月'],
        monthNamesShort: ['一','二','三','四','五','六',
        '七','八','九','十','十一','十二'],
        monthStatus: '选择月份', yearStatus: '选择年份',
        weekHeader: '周', weekStatus: '年内周次',
        dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
        dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
        dayNamesMin: ['日','一','二','三','四','五','六'],
        dayStatus: '设置 DD 为一周起始', dateStatus: '选择 m月 d日, DD',
        dateFormat: 'yy-mm-dd', firstDay: 1,
        initStatus: '请选择日期', isRTL: false

   };


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

           $("#dateinput").datepicker();
               
         });
        </script>

 

 

效果很漂亮( · _ · )

 

 

  • 描述: 中文日期输入框图片
  • 大小: 14.8 KB
6
0
分享到:
评论
6 楼 start_baby 2012-05-09  
非常感谢
5 楼 moon_vv 2011-12-01  
谢谢各位捧场嘻嘻,n年不动这东西了我都忘了呵呵
4 楼 javaonejcy 2010-03-06  
非常好,感谢
3 楼 liuchong14 2008-11-26  
很不错。

(在这之前我都不知道还有JQuery 这种插件的)
2 楼 moon_vv 2008-06-19  
大侠,下载速度我说了不算呀,
如果你说的是显示速度的话,应该不会吧,
我用了好几种框架了别的显示速度也这样。

感谢你的留言,共同学习,共同进步 !
1 楼 shiren1118 2008-06-18  
速度不是很快啊~~~

相关推荐

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

    jQuery UI是基于JavaScript库jQuery的一个扩展,它提供了一系列丰富的用户界面组件,包括但不限于对话框(Dialogs)、日期选择器(Datepickers)、拖放功能(Drag and Drop)、排序功能(Sortable)以及各种可自定义...

    jquery.ui.datepicker增强版 支持时间输入

    jQuery UI中的Datepicker是一个广泛使用的日期选择器插件,而在这里我们讨论的是其增强版,增加了对时间输入的支持。这篇文章将深入探讨这个增强版的jQuery UI Datepicker,如何实现时间输入功能,并通过源码分析,...

    jQuery UI Datepicker插件timepicker时分秒

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

    jquery-ui插件

    - **Datepicker(日期选择器)**: 为输入字段提供一个日历控件,方便用户选择日期。 - **Tabs(标签页)**: 将内容分割成多个可切换的标签页。 - **Sortable(可排序)**: 可以使列表项或者表格行变得可拖拽排序。 -...

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

    JQuery UI是一个强大的JavaScript库,提供了多种用户界面组件,其中datepicker是一个常用的日期选择器控件。然而,原生的datepicker控件并未内置对时间选择的支持。因此,我们需要对其进行扩展,以满足更复杂的应用...

    jquery.datepicker 日期控件

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

    JQueryUI组件 JS下载

    **jQueryUI组件详解** jQueryUI 是一个基于jQuery库的扩展,它提供了一整套用户界面组件...同时,由于jQueryUI组件的灵活性和可定制性,开发者可以根据需要调整组件样式,甚至编写自定义插件,以满足项目的独特需求。

    关于jQuery-Ui的引用文件

    日期选择器常用于输入日期的输入框。示例代码: ```html &lt;input type="text" id="datepicker" /&gt; ``` ```javascript $("#datepicker").datepicker(); ``` #### 3.3 拖放(Draggable) 使元素具有拖动功能,常...

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

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

    jqueryui中插件Datepicker控件的使用

    **Datepicker** 是 jQuery UI 提供的一个非常实用的日期选择插件,它可以帮助开发者轻松地在网页上添加日期选择功能。要使用 Datepicker,首先需要确保页面已经加载了 jQuery 和 jQuery UI 的相关文件。 1. **引入...

    jquery.validate.js jquery.metadata.js jquery.autocomplete.js jquery&UI; chm文档合集

    jQuery UI是基于jQuery的用户界面库,包含一组可复用的组件,如对话框(Dialog)、日历(Datepicker)、拖放(Draggable)、可排序(Sortable)和效果(Effects)。在本案例中,虽然只提及了`jQuery-UI-Reference-...

    RIA应用开发:jQuery日历UI插件.ppt

    jQuery UI Datepicker 是一个高度可配置的插件,专门用于在网页中添加日期选择功能,方便用户输入日期类型的数据。 ### 基本使用 要使用 jQuery UI Datepicker,首先需要引入相关的 jQuery 和 jQuery UI 文件。这...

    jQueryUIDatepicker–漂亮的jQuery日历控件

    jQuery UI Datepicker是一款广泛使用的JavaScript库,它是jQuery UI框架的一部分,专门用于添加日期选择功能到网页上。这个组件提供了一个美观、用户友好的日历界面,使得用户可以方便地选择日期,大大提升了网页的...

    jquery【插件】 datepicker插件的使用

    2. `jquery.ui.datepicker.js` - 这就是 Datepicker 插件的实现代码。 3. `jquery.ui.core.js` - jQuery UI 的核心库,提供了许多基本的 UI 功能。 4. `css` - 这是一个文件夹,通常包含了 Datepicker 的样式文件,...

    jquery日期插件-datepicker

    jQuery DatePicker是一款基于jQuery UI框架的日期选择插件,它通过简单的API提供了一种优雅的方式来处理日期输入。DatePicker提供了多种主题,可以根据项目需求轻松定制样式,同时也支持多国语言,满足全球化应用的...

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

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

    jquery-ui js/css通用文件

    **jQuery UI** 是一个基于 **jQuery** 库的开源项目,它提供了一套完整的用户界面组件和交互效果,包括各种可自定义的主题、对话框、拖放功能、日期选择器、进度条、滑块、排序等功能。这个压缩包中的文件是 jQuery ...

    RIA应用开发:9-jQuery表单插件.ppt

    例如,要在页面上添加一个日期选择器,首先需要引入jQuery库和jQuery UI的相关脚本及样式文件,然后通过简单的JavaScript代码就可以绑定到指定的文本输入框: ```html &lt;script src="jquery-1.7.1.js"&gt; ...

    jQuery-ui插件datepicker的参数使用详解.docx

    jQuery-ui的datepicker插件是一个功能强大的日期选择工具,它提供了丰富的自定义选项,能够适应各种应用场景。以下是对主要参数的详细解释: 1. **altField** (String, 默认值: ''):此参数用于将用户选定的日期...

Global site tag (gtag.js) - Google Analytics