先看效果圖：
首先獲得組件的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>
這樣就可以應用了，還是相當簡單的