bootstrap-datetimepicker：基于推ter bootstrap的日期/時間選擇控件

jopen 11年前發布 | 426K 次閱讀 Bootstrap jQuery日期插件 jQuery插件

bootstrap-datetimepicker是一個基于推ter bootstrap的簡單日期/時間選擇控件。bootstrap-datetimepicker：基于推ter bootstrap的日期/時間選擇控件

<!DOCTYPE HTML>
<html>
  <head>
    <link  rel="stylesheet">
    <link rel="stylesheet" type="text/css" media="screen"
     >
  </head>
  <body>
    <div id="datetimepicker" class="input-append date">
      <input type="text"></input>
      <span class="add-on">
        <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
      </span>
    </div>
    <script type="text/javascript"
     src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js">
    </script> 
    <script type="text/javascript"
     src="http://netdna.bootstrapcdn.com/推ter-bootstrap/2.2.2/js/bootstrap.min.js">
    </script>
    <script type="text/javascript"
     src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js">
    </script>
    <script type="text/javascript">
      $('#datetimepicker').datetimepicker({
        format: 'MM/dd/yyyy hh:mm',
        language: 'en',
        pickDate: true,
        pickTime: true,
        hourStep: 1,
        minuteStep: 15,
        secondStep: 30,
        inputMask: true
      });
    </script>
  </body>
<html>


項目主頁：http://www.baiduhome.net/lib/view/home/1356568521682

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！