一款比较好用的jquery日历控件lhgcalendar
先看效果图:
首先获得组件的js和css资源,可以在http://code.google.com/p/lhgcalendar/downloads/detail?name=lhgcalendar-3.0.0.rar&can=2&q获得
解压后目录结构如图:
把skins中的全部文件及文件夹复制到你项目中,还有lhgcalendar.min.js引入你的js文件夹中
我的项目中的配置目录:
然后在你所用到日历控件的页面中引用:
<link href="../css/lhgcalendar.css" type="text/css" rel="stylesheet"/>
<script src="../js/jquery-1.9.1.js" type="text/javascript"></script>
<script src="../js/lhgcalendar.min.js" type="text/javascript"></script>
对输入框应用:
<input type="text" id="begin_date" name="promotion.c_parameters1" value="<s:property value="#promotion.begin_date"/>">
<input type="text" id="c_parameters2" name="promotion.end_date" value="<s:property value="#promotion.end_date"/>">
<script type="text/javascript">
$(function(){
$('#begin_date').calendar();
$('#end_date').calendar();
});
</script>
这样就可以应用了,还是相当简单的