一款比较好用的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>

这样就可以应用了，还是相当简单的

转载于:https://www.cnblogs.com/qixing/archive/2013/04/22/calendar.html