jquery【插件】 datepicker插件的使用 - 郑星阳 - ITeye博客

`

zccst

浏览: 3319527 次
性别:
来自: 北京

最近访客更多访客>>

consy

snowstorm

净瞎扯

离氺的鱼

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

yzq21056563：感谢作者分享~请教下，http://www.lisa33xia ...
CSS基础：text-overflow:ellipsis溢出文本
u012206458：
$.ajax的error,complete,success方法
DEMONU：谢谢，虽然不能给你赞助，但是要给你顶
mysql中key 、primary key 、unique key 与index区别
njupt_tolmes：阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿滕庆亚 ...
CSS基础：text-overflow:ellipsis溢出文本
zenmshuo：用过SpreadJS，也包含数据可视化的图表
推荐几个web中常用js图表插件

jquery【插件】 datepicker插件的使用

博客分类：

Web前端-使用jqueryui

阅读更多

直接看代码：

代码中引用的所有js文件已打包（见附件1）。jquery-1.6.2.js除外。因为这个跟datepicker没直接关系。
如果想显示中文，直接加上附件2，就行了。

<title>jQuery UI Datepicker - Default functionality</title>

	<link rel="stylesheet" href="../jquery-ui/css/jquery.ui.all.css">
	<script src="../jquery-ui/jquery-1.6.2.js"></script>
	<script src="../jquery-ui/jquery.ui.core.js"></script>
	<script src="../jquery-ui/jquery.ui.widget.js"></script>
	<script src="../jquery-ui/jquery.ui.datepicker.js"></script>
<!--  显示中文  -->
<script src="../jquery-ui/jquery.ui.datepicker-zh-CN.js"></script>
    
	<script>
	
	$(function() {
		$("#datepicker" ).datepicker();
	});
	$(document).ready(function(){
		//alert("fs");
		//$("#datepicker" ).datepicker();
		$("#button").click(function(){
			alert($("#datepicker").val());						
		});
		
	});
	</script>
    
</head>

<body>
<div class="demo">


<input type="text" id="datepicker" />
<input type="button" id="button" value="show" /> 
</div><!-- End demo -->

一些参数设置：

$("#datepicker").datepicker({
	minDate: new Date()
});

注：jqueryui插件下载地址
http://jqueryui.com/download

datepicker.zip (75.9 KB)
下载次数: 17

jquery.ui.datepicker-zh-CN.zip (655 Bytes)
下载次数: 20

分享到：

Yii中使用datepicker的几种方式 | Yii与表单

2011-09-14 16:20
浏览 1910
评论(0)
分类:编程语言
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

jQuery插件datepicker的使用详解.pdf: 《jQuery插件datepicker的使用详解》 jQuery，作为JavaScript库的杰出代表，为开发者提供了丰富的功能和便捷的API，使得前端开发变得更加高效。其中，datepicker插件是jQuery UI中的一个核心组件，它解决了网页中...

jQuery插件datepicker的使用详解.docx: 《jQuery插件datepicker的使用详解》 jQuery，作为JavaScript库中的翘楚，为开发者提供了丰富的功能和便捷的API。在前端开发中，日期选择器是一个常见的需求，jQuery的datepicker插件便是解决这一问题的理想工具。...

jQuery日期选择插件jQuery-datepicker.zip: datepicker 是 jQuery 日期选择插件。在线演示标签：jQuery

实用漂亮jQuery网页日历插件datePicker下载: 下面将详细介绍这个jQuery网页日历插件datePicker的相关知识点。 1. jQuery datePicker 插件介绍： jQuery datePicker 是一个功能丰富的日历组件，通常用于网页表单中，允许用户以直观的方式选择日期。它具有多种...

jquery mobile datepicker 手机端日期选择器: jQuery Mobile Datepicker 是一个专为手机端设计的日期选择器插件，它基于流行的 jQuery 和 jQuery Mobile 库，为开发者提供了丰富的功能和自定义选项。本文将深入探讨这个插件的使用方法、核心功能以及如何对其进行...

jquery mobile datepicker: **jQuery Mobile Datepicker** 是一个专门用于移动设备的日期选择器插件，它扩展了标准的jQuery UI Datepicker，使其更适合在触摸屏设备上使用。这个插件在原生的日期选择器基础上增加了对移动环境的优化，如响应式...

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

jquery日期插件-datepicker: jQuery UI中的DatePicker插件是一个强大的工具，它提供了丰富的自定义选项，使得日期选择功能既美观又实用。下面我们将深入探讨jQuery DatePicker插件的核心特性、用法以及常见配置。一、DatePicker概述 jQuery ...

jquery datepicker日期选择插件鼠标点击text: jquery datepicker日期选择插件鼠标点击text jquery datepicker日期选择插件鼠标点击text jquery datepicker日期选择插件鼠标点击text jquery datepicker日期选择插件鼠标点击text

jquery.datePicker日历控件应用text文本框弹出日历表与默认显示日: 要实现`jquery.datePicker`的基本应用，首先需要在HTML页面中引入jQuery库和datePicker插件的JavaScript和CSS文件。接着，通过jQuery的选择器找到目标输入框，并调用`.datePicker()`方法来绑定日历控件。例如： ```...

jQuery Datepicker 日期选择插件: 它包含了Datepicker插件和其他组件的代码，通过引入此文件，我们可以使用jQuery UI中的所有功能。对于日期选择器的本地化，`jquery.ui.datepicker-zh-CN.js`文件是中文语言包，它使得Datepicker可以显示中文日期...

jquery ui datepicker all theme: Datepicker是一个基于jQuery的插件，它可以被添加到任何HTML元素上，通常与`<input>`标签结合，用于创建一个可交互的日历控件。通过调用`.datepicker()`方法，我们可以轻松地将一个文本框转换为日期选择器。例如： ...

jquery datepicker 时分秒: 在使用 `jQuery UI Datepicker` 时，你需要在页面中引入相关的 CSS 和 JavaScript 文件。通常，这包括 `jquery.js`、`jquery-ui.css` 和 `jquery-ui.js`。这些文件会提供必要的样式和交互逻辑。对于时分秒的支持，你...

日期选择器：jquery datepicker的使用: 本文将详细介绍如何在项目中使用jQuery UI的datepicker，以及它的一些主要功能和配置选项。 jQuery UI的datepicker是一个轻量级、可自定义的日期选择器插件，它通过简单的API接口可以轻松集成到任何HTML页面中。...

时间日期插件 datePicker 可以自定义样式和效果: jquery.datePicker日历控件应用text文本框弹出日历表与默认显示日历表 jquery.datePicker日历控件应用input:text文本框弹出日历表选择日期时间，设置默认显示日历表展示。jquery日历控件下载。

jqueryui中插件Datepicker控件的使用: 本文介绍了如何使用 jQuery UI 中的 Datepicker 插件，并提供了一些高级配置选项的示例。通过这些配置，开发者可以根据自己的需求定制 Datepicker 的外观和功能，使其更好地适应项目的需求。此外，还探讨了解决中文...

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

jquery - datePicker: `jQuery datePicker` 是一个非常流行且实用的JavaScript插件，主要用于在网页中添加日期选择功能。它以其简洁的API和丰富的自定义选项深受前端开发者的喜爱。在这个主题中，我们将深入探讨`jQuery datePicker`的基本...

Global site tag (gtag.js) - Google Analytics