bootstrap-datetimepicker für die bootstrap-4

Möchte ich bootstrap-datetimepicker mit bootstrap 4, aber ich habe einige Probleme.

Für diesen Zweck habe ich etwas geändert, wie:

  1. pull-right zu float-right
  2. table-condensed zu table-sm
  3. glyphicons zu fontawesome

aber es hat nicht funktioniert 🙁

Demo

Kann mir jemand helfen, für die Umwandlung dieses Projekt zu neuen bootstrap-version?

InformationsquelleAutor HF_67 | 2017-12-03
  1. 8

    Ist es ok für mich mit Bootstrap4, was ist dein problem ? (sorry für mein schlechtes Deutsch") 

    Edit lines with ".in"collapse to ".show" and icons

    DEMO

    InformationsquelleAutor Stéphanie Caumont
  2. 3

    @Stéphanie Ihre demo mehr als aus für die kurze englische Erklärung. Danke!

    Für jemand anderes, die benötigen könnten, um dieses Problem zu lösen, hier gehen Sie eine sehr spezifische Richtungen: (basierend auf @Stéphanie Antwort unten - Kasse Ihre demo.)
    Es gibt vier Saiten, die Sie brauchen, zu suchen im code:

    "Zusammenbruch":"

    g=f.finden(".in")

    .Zusammenbruch:nicht(.in)

    (g.removeClass("in"), "h".addClass("in")

    und in jedem Fall ersetzen   in   mit;   zeigen   so, dass es wie folgt Aussehen. Speichern Sie die Datei und Kalender funktionieren sollte. Viel Glück!

    "Zusammenbruch" - show:"

    g=f.finden(".zeigen")

    .Zusammenbruch:nicht(.Karte)

    (g.removeClass("show"), "h".addClass("show")

    InformationsquelleAutor AlexGM
  3. -1

    War für mich auch! Die Datei zu Bearbeiten ist der bootstrap-datetimepicker.min.js durch die Art und Weise.

    HINWEIS: können Sie ersetzen die fehlende glyphicons für die navigation mit font-awesome:

        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

    <div class='col-sm-6'>
        <div class="form-group">
            <div class='input-group date' id='datetimepicker1'>
                <input type='text' class="form-control" aria-describedby="img-addon" />
                <span class="input-group-addon" id="img-addon">
                    <span class="fa fa-calendar"></span>
                </span>
            </div>
            <script type="text/javascript">
                $(function () {
                    $('#datetimepicker1').datetimepicker({
                        icons: {
                            time: "fa fa-clock-o",
                            date: "fa fa-calendar",
                            up: "fa fa-arrow-up",
                            down: "fa fa-arrow-down",
                            next: "fa fa-arrow-right",
                            previous: "fa fa-arrow-left"
                        },
                        minDate: "10/15/2013"
                    });
                });
            </script>
        </div>
    </div>
    • durch die was? Bitte beenden Sie Ihre Antwort zu machen, wirklich hilfreich.
    • Bitte mehr details, damit eine vollständige Antwort und kein löschen.
    • Einfach löschen dann! See ya.
    InformationsquelleAutor H.Hilliker
Schreibe einen Kommentar