jQuery jSelectDate是一個很好用的日期選擇器插件,可以讓用戶方便地選擇日期。下面是一個簡單使用jSelectDate的例子:
<!DOCTYPE html> <html> <head> <title>使用jSelectDate</title> <!-- 引入jQuery --> <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <!-- 引入jSelectDate --> <link href="jSelectDate.css" rel="stylesheet" type="text/css" /> <script src="jSelectDate.min.js"></script> </head> <body> <input type="text" id="dateInput" /> <script> $(document).ready(function() { $('#dateInput').jSelectDate(); }); </script> </body> </html>
在這個例子中,我們首先引入了需要的jQuery和jSelectDate代碼。然后我們使用一個輸入框來實現日期選擇器的功能,通過對輸入框調用jSelectDate函數來實現日期選擇器的添加。在文檔加載完畢后,我們調用jQuery的ready方法,并在其中調用jSelectDate函數來為輸入框添加日期選擇器。因為我們沒有傳入任何參數,所以jSelectDate將默認使用當前日期作為默認日期。
如果我們想為日期選擇器添加一些更高級的特性,比如指定默認日期,我們可以傳入一些參數:
$(document).ready(function() { $('#dateInput').jSelectDate({ startDate: '2016-01-01', endDate: '2016-12-31', months: ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'], days: ['日','一','二','三','四','五','六'], onSelect:function(date) { alert('已選擇日期:'+date); } }); });
現在,我們為jSelectDate傳入了一些參數,分別為起始日期、結束日期、月份名稱、星期名稱以及回調函數。其中,回調函數將在選擇日期時被調用,并且會把選擇的日期作為參數傳遞過來。
總之,jSelectDate是一個非常方便易用的日期選擇器插件,可以幫助我們輕松實現日期選擇功能。