2010年3月5日 星期五

jQuery 民國年日曆

遇到有日期欄位的需求時,常常都會需要在旁邊加個小日曆以供挑選,這小日曆其實不難在網路上找到相關的免費又好用的程式。但是如果要強調以民國年來顯示,雖然知道一定會有人寫,但要找到好用又夠用的,還真的要花些時間。

就是因為找了好多炷香的時間,所以不得不將自己認為還不錯的日期挑選程式記錄下來。在羅必達工作室,我看到一篇 「jQuery DatePicker 日期選擇(民國年)」的文章,寫的真的很棒。如果對於作者開發的來龍去脈有興趣的話,可以進一步去參考他的文章。

擷取執行畫面如下:















程式下載網址:
1.原站台
2.備份



測試程式:
<script type="text/javascript">
$(function() {

  //設定 tbx_DateNeed_start 為日期挑選欄位
  $('input[id*=tbx_DateNeed_start]').datepicker({
      dateFormat: 'yymmdd', 
      showOn: 'button', 
      buttonImageOnly: true, 
      buttonImage: '../images/calendar.gif',
      formatYear:function(v){return '民國'+(v-1911)+'年';}        
      });          
});
</script>           

沒有留言:

張貼留言