首頁 > web前端 > js教程 > bootstrap timepicker的實例教程

bootstrap timepicker的實例教程

PHPz
發布: 2018-10-15 17:02:00
原創
4266 人瀏覽過

上一篇我們講到angular對於timepicker的一個封裝後的插件angular-bootstrap-timepicker,但是由於angular的版本必須是v1.2.30以上的。對於有些涉及多插件的系統,升級會導致很多意外的bug。那麼可以選擇用以下這種方法來取值。

【相關影片推薦:Bootstrap教學

頁面上的時間格式是這樣的:

檔案引入

<br>

'/bootstrap-datetimepicker.min.css','/bootstrap-datetimepicker.min.js','/bootstrap-datetimepicker.zh-CN.js',//中文包
登入後複製

html

<br>

#
<p =  data-date-format= data-link-field= id=> <input = size= type= value= > 
    <span =>
        <span =></span>
       </span>  
       <span =>
            <span =></span>
       </span> 
</p>
登入後複製

js:

<br>

$('.form_datetime').datetimepicker({
    language:  'zh-CN',
    weekStart: 1,
    todayBtn:  1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    forceParse: 0,
    showMeridian: 1
});//初始化
登入後複製
 dateFrom = $(= Date(dateFrom.substring(,).replace(/-/g,)).getTime()/
登入後複製
$("#effStartDate input").val(effStartDate);//赋值显示
登入後複製
<br>
登入後複製

 

#######

以上是bootstrap timepicker的實例教程的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板