Maison  >  Article  >  interface Web  >  Exemple de tutoriel de bootstrap timepicker

Exemple de tutoriel de bootstrap timepicker

PHPz
PHPzoriginal
2017-06-26 10:04:154250parcourir

Dans l'article précédent, nous avons parlé du plug-in encapsulé d'Angular pour timepicker, angulaire-bootstrap-timepicker, mais la version d'angular doit être v1.2.30 ou supérieure. Pour certains systèmes impliquant plusieurs plug-ins, la mise à niveau peut entraîner de nombreux bugs inattendus. Ensuite, vous pouvez choisir d'utiliser la méthode suivante pour obtenir la valeur.

[Recommandations vidéo associées : Tutoriel Bootstrap]

Le format de l'heure sur la page est comme ceci :

Importation de fichiers

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn