<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: '<上月', prevStatus: '显示上月',
nextText: '下月>', 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
分享到:
相关推荐
jQuery UI是基于JavaScript库jQuery的一个扩展,它提供了一系列丰富的用户界面组件,包括但不限于对话框(Dialogs)、日期选择器(Datepickers)、拖放功能(Drag and Drop)、排序功能(Sortable)以及各种可自定义...
jQuery UI中的Datepicker是一个广泛使用的日期选择器插件,而在这里我们讨论的是其增强版,增加了对时间输入的支持。这篇文章将深入探讨这个增强版的jQuery UI Datepicker,如何实现时间输入功能,并通过源码分析,...
首先,jQuery UI Datepicker是一个基于jQuery库的日期选择器插件,它提供了一套完整的日期选择解决方案,包括各种格式化选项、日期范围限制、多语言支持等特性。开发者可以通过简单的API调用来集成到项目中,极大地...
- **Datepicker(日期选择器)**: 为输入字段提供一个日历控件,方便用户选择日期。 - **Tabs(标签页)**: 将内容分割成多个可切换的标签页。 - **Sortable(可排序)**: 可以使列表项或者表格行变得可拖拽排序。 -...
JQuery UI是一个强大的JavaScript库,提供了多种用户界面组件,其中datepicker是一个常用的日期选择器控件。然而,原生的datepicker控件并未内置对时间选择的支持。因此,我们需要对其进行扩展,以满足更复杂的应用...
`jQuery UI Datepicker`是jQuery库的一个扩展,用于在网页上创建交互式日期选择器。这个控件使得用户能够方便地选择日期,广泛应用于表单输入、日程管理和其他需要日期选择的应用场景。以下是关于`jQuery UI ...
**jQueryUI组件详解** jQueryUI 是一个基于jQuery库的扩展,它提供了一整套用户界面组件...同时,由于jQueryUI组件的灵活性和可定制性,开发者可以根据需要调整组件样式,甚至编写自定义插件,以满足项目的独特需求。
日期选择器常用于输入日期的输入框。示例代码: ```html <input type="text" id="datepicker" /> ``` ```javascript $("#datepicker").datepicker(); ``` #### 3.3 拖放(Draggable) 使元素具有拖动功能,常...
《jQuery UI 1.10.3 自定义版本与日期时间选择插件详解》 jQuery UI 是一个基于 jQuery 的开源库,它提供了丰富的用户界面组件,包括但不限于对话框、滑块、进度条、按钮、日历等。在给定的"jquery-ui-1.10.3....
**Datepicker** 是 jQuery UI 提供的一个非常实用的日期选择插件,它可以帮助开发者轻松地在网页上添加日期选择功能。要使用 Datepicker,首先需要确保页面已经加载了 jQuery 和 jQuery UI 的相关文件。 1. **引入...
jQuery UI是基于jQuery的用户界面库,包含一组可复用的组件,如对话框(Dialog)、日历(Datepicker)、拖放(Draggable)、可排序(Sortable)和效果(Effects)。在本案例中,虽然只提及了`jQuery-UI-Reference-...
jQuery UI Datepicker 是一个高度可配置的插件,专门用于在网页中添加日期选择功能,方便用户输入日期类型的数据。 ### 基本使用 要使用 jQuery UI Datepicker,首先需要引入相关的 jQuery 和 jQuery UI 文件。这...
jQuery UI Datepicker是一款广泛使用的JavaScript库,它是jQuery UI框架的一部分,专门用于添加日期选择功能到网页上。这个组件提供了一个美观、用户友好的日历界面,使得用户可以方便地选择日期,大大提升了网页的...
2. `jquery.ui.datepicker.js` - 这就是 Datepicker 插件的实现代码。 3. `jquery.ui.core.js` - jQuery UI 的核心库,提供了许多基本的 UI 功能。 4. `css` - 这是一个文件夹,通常包含了 Datepicker 的样式文件,...
jQuery DatePicker是一款基于jQuery UI框架的日期选择插件,它通过简单的API提供了一种优雅的方式来处理日期输入。DatePicker提供了多种主题,可以根据项目需求轻松定制样式,同时也支持多国语言,满足全球化应用的...
《jQuery UI中的Datepicker插件实现日期控件详解》 在网页开发中,日期选择控件是不可或缺的一部分,它能够方便用户输入或选择日期,提高交互体验。jQuery UI库提供了一个强大的Datepicker插件,使得创建这样的控件...
**jQuery UI** 是一个基于 **jQuery** 库的开源项目,它提供了一套完整的用户界面组件和交互效果,包括各种可自定义的主题、对话框、拖放功能、日期选择器、进度条、滑块、排序等功能。这个压缩包中的文件是 jQuery ...
例如,要在页面上添加一个日期选择器,首先需要引入jQuery库和jQuery UI的相关脚本及样式文件,然后通过简单的JavaScript代码就可以绑定到指定的文本输入框: ```html <script src="jquery-1.7.1.js"> ...
jQuery-ui的datepicker插件是一个功能强大的日期选择工具,它提供了丰富的自定义选项,能够适应各种应用场景。以下是对主要参数的详细解释: 1. **altField** (String, 默认值: ''):此参数用于将用户选定的日期...