Maison  >  Article  >  interface Web  >  Utilisation du plug-in bootstrap-datatimepicker

Utilisation du plug-in bootstrap-datatimepicker

PHPz
PHPzoriginal
2018-07-09 17:24:182404parcourir

Cet article présente principalement l'utilisation du plug-in bootstrap-datatimepicker. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer. [Recommandations vidéo associées : Tutoriel Bootstrap]

        1、引入相关的css、js文件(因为是bootstrap的,首先应该引入bootstrap.css和bootstrap.js);
         <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
         <link rel="stylesheet" href="/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css">
        <script type="text/javascript" src="/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
         <script type="text/javascript" src="/bootstrap/js/bootstrap.min.js"></script>

        2、主要是设置开始时间从今天开始,今天之前的时间不能选;结束时间要大于开始时间
        $(&#39;#start_time&#39;).datetimepicker({
        format: &#39;yyyy-mm-dd hh:ii&#39;,
        autoclose: true,
        todayBtn: true,
        todayHighlight: true,
        startDate: new Date()
    }).on(&#39;changeDate&#39;,function(ev){
        var start_time=$("#start_time").val();
        $("#end_time").datetimepicker(&#39;setStartDate&#39;,start_time);
        $("#start_time").datetimepicker(&#39;hide&#39;);
    });

    $(&#39;#end_time&#39;).datetimepicker({
        format: &#39;yyyy-mm-dd hh:ii&#39;,
        autoclose: true,
        todayBtn: true,
        todayHighlight: true,
    }).on(&#39;changeDate&#39;,function(ev){
        var end_time=$("#end_time").val();
        $("#start_time").datetimepicker(&#39;setEndDate&#39;,end_time);
        $("#end_time").datetimepicker(&#39;hide&#39;);
    });

Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'apprentissage de chacun. Pour plus de contenu connexe, veuillez visiter le site Web chinois Follow PHP !

Recommandations associées :

Traitement du montant js plus deux décimales

Node.js utilise un superagent pour simuler les requêtes GET/POST

Implémentation de la pagination frontale AngularJS

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

Articles Liés

Voir plus