boottstrap 시간 선택 기

3542 단어 bootstrap 폼
       ,         ,               ,      bootstrap,             ,

    :http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm

GitHub     :https://github.com/smalot/bootstrap-datetimepicker

   datetimepicker  ,          

1、  JS   

<script src="/Content/bootstraps/js/bootstrap.js">script>
<script src="/Content/bootstraps/js/bootstrap-datetimepicker.js">script>
<script src="/Content/bootstraps/js/bootstrap-datetimepicker.zh-CN.js">script>

  bootstrap-datetimepicker.zh-CN.js                 

2、  CSS  

<link href="/Content/bootstraps/css/bootstrap.css" rel="stylesheet"/>
<link href="/Content/bootstraps/css/bootstrap-datetimepicker.css" rel="stylesheet"/>

3、  HTML  

<input class="form_datetime form-control" type="text" value="2016-03-07" size="16">

4、  datetimepicker  

<script type="text/javascript">
 $(".form_datetime").datetimepicker({
 format: "yyyy-mm-dd",
 autoclose: true,
 todayBtn: true,
 todayHighlight: true,
 showMeridian: true,
 pickerPosition: "bottom-left",
 language: 'zh-CN',//  ,    zh-CN.js 
 startView: 2,//   
 minView: 2//                       
 }); 
script>

  ,           ,      ,      ,       ,    datetimepicker   ,           ,    ,        ,  minView           ,        ,       ,

0    (  ),1    , 2   ,      2              !

좋은 웹페이지 즐겨찾기