bootstrap-jalali-datepicker, Twitter Bootstrap Jalali插件

分享于 

2分钟阅读

GitHub

  繁體 雙語
Twitter Bootstrap Jalali Datepicker
  • 源代码名称:bootstrap-jalali-datepicker
  • 源代码网址:http://www.github.com/mousavian/bootstrap-jalali-datepicker
  • bootstrap-jalali-datepicker源代码文档
  • bootstrap-jalali-datepicker源代码下载
  • Git URL:
    git://www.github.com/mousavian/bootstrap-jalali-datepicker.git
    Git Clone代码到本地:
    git clone http://www.github.com/mousavian/bootstrap-jalali-datepicker
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/mousavian/bootstrap-jalali-datepicker
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    Bootstrap Datepicker v1.0

    带有 Twitter Bootstrap 主题的jQuery UI Datepicker小部件。 它基于 jQuery UI 1.9.1和 Twitter Bootstrap 2.1.1.

    有关更多示例,请参见演示页面。

    用法

    
    <input type="text" name="date" class="datepicker"/>
    
    
    
    <script>
    
    
     $(document).ready(function() {
    
    
     $(".datepicker").datepicker();
    
    
     });
    
    
    </script>
    
    
    
    

    使用 fancy Bootstrap 输入/按钮组合:

    
    <div class="control-group">
    
    
     <label class="control-label" for="datepicker">Date</label>
    
    
     <div class="controls">
    
    
     <div class="input-append">
    
    
     <input id="datepicker" class="input-small" type="text">
    
    
     <button id="datepickerbtn" class="btn" type="button"><i class="icon-calendar"></i></button>
    
    
     </div>
    
    
     </div>
    
    
    </div>
    
    
    
    <script>
    
    
     $(document).ready(function() {
    
    
     $("#datepicker").datepicker();
    
    
     $("#datepickerbtn").click(function(event) {
    
    
     event.preventDefault();
    
    
     $("#datepicker").focus();
    
    
     })
    
    
     });
    
    
    </script>