Heim  >  Artikel  >  Web-Frontend  >  Beispiel-Tutorial für Bootstrap Timepicker

Beispiel-Tutorial für Bootstrap Timepicker

PHPz
PHPzOriginal
2017-06-26 10:04:154252Durchsuche

Im vorherigen Artikel haben wir über das gekapselte Plug-In von Angular für Timepicker, Angular-Bootstrap-Timepicker, gesprochen, aber die Angular-Version muss v1.2.30 oder höher sein. Bei einigen Systemen mit mehreren Plug-Ins kann ein Upgrade zu vielen unerwarteten Fehlern führen. Anschließend können Sie die folgende Methode verwenden, um den Wert zu ermitteln.

[Ähnliche Videoempfehlungen: Bootstrap-Tutorial]

Das Zeitformat auf der Seite ist wie folgt:

Dateiimport

<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>

Das obige ist der detaillierte Inhalt vonBeispiel-Tutorial für Bootstrap Timepicker. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn