Jquery日期控件使用

 

下载ui.datepicker.js以及相关的css等，就可以使用该日期控件，效果如下：

<script type="text/javascript" src="ui.core.js"></script>

<script type="text/javascript" src="ui.datepicker. js"></script>

//上面的两个JS是必须的

<script type="text/javascript" src="ui.datepicker-zh-CN.js"></script>

//这个JS是可选的，不过这个JS会使该控件的文字为中文，而不是默认的英文

<link href="flora.datepicker.css"rel="stylesheet" type="text/css" />

//该CSS是jQuery提供的样式

1. 基本的用法，没有图片的出现：

$('#widgetId).datepicker({

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

});

2．有图片的出现：

$(' widgetId ').datepicker({

dateFormat: "yy-mm-dd",

showStatus: true,

showOn: "both",

buttonImage: "calendar.gif", //显示的图片路径

buttonImageOnly: true

});

效果图：

资源下载地址：http://download.csdn.net/source/2535771