jsp 日历

效果图在附件中



使用后感觉还不错，拿出来大家共享一下

其使用方法为

在相应的jsp页面中引入date_input.css和jquery.date_input.js文件

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/date_input.css">

<script type="text/javascript" src="${pageContext.request.contextPath}/js/datePicker/jquery.date_input.js"></script>



<script type="text/javascript">
       <!To be formate date">
      $.extend(DateInput.DEFAULT_OPTS, {
     stringToDate: function(string) {
      var matches;
      if (matches = string.match(/^(\d{4,4})-(\d{2,2})-(\d{2,2})$/)) {
        return new Date(matches[1], matches[2] - 1, matches[3]);
      } else {
        return null;
      };
   },
   dateToString: function(date) {
      var month = (date.getMonth() + 1).toString();
      var dom = date.getDate().toString();
      if (month.length == 1) month = "0" + month;
      if (dom.length == 1) dom = "0" + dom;
      return date.getFullYear() + "-" + month + "-" + dom;
    }
});
      $($.date_input.initialize); 
    </script>





<input type="text" class="date_input" name="startDateStr" value= "${meeting.startDate}"/>