jquery月曆 Date Picker

375907_4408743426526_2117606471_n
jquery有不少月曆的plugin,這次因為專案需要找了這個,可以在月曆上標示一些日期的簡單小月曆。

下載網址
Date Picker

下載後引入plugin跟css
<link rel="stylesheet" media="screen" type="text/css" href="css/datepicker.css" />
<script type="text/javascript" src="js/datepicker.js"></script>


然後像範例一樣引入
  1. $('#date').DatePicker({   
  2.     flat: true,   
  3.     date: '2008-07-31',   
  4.     current: '2008-07-31',   
  5.     calendars: 1,   
  6.     starts: 1   
  7. });  

主要是把mode設為'multiple', 就可以在月曆標多個日期了。

留言