2014年11月24日 星期一

jQuery 日期時間選擇器- DateTimePicker

DateTimePicker

Plugin 網址:
DateTimePicker- jQuery plugin select date and time

最近看到一個方便的日期時間選擇器,使用方法一樣,記得要使用它的 css

  1. <link rel="stylesheet" type="text/css" href="/jquery.datetimepicker.css">  
  2. <script src="/jquery.js"></script>  
  3. <script src="/jquery.datetimepicker.js"></script>  


直接使用就好了。

  1. jQuery('#datetimepicker').datetimepicker();  


自由度滿高的,可以只顯示時間。

  1. jQuery('#datetimepicker2').datetimepicker({   
  2.   datepicker:false,   
  3.   format:'H:i'  
  4. });  


設定開始時間

  1. jQuery('#datetimepicker_start_time').datetimepicker({   
  2.   startDate:'+1971/05/01'//or 1986/12/08   
  3. });  


inline

  1. jQuery('#datetimepicker3').datetimepicker({   
  2.   format:'d.m.Y H:i',   
  3.   inline:true,   
  4.   lang:'ru'  
  5. });  


還有很多,就直接到官網看吧 XD
反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...