bootstrap-datetimepicker tidak dijalankan dengan benar

Dokumen di bootstrap-datetimepicker tidak terlalu menjelaskan versi apa jquery dan momen diperlukan untuk menggunakan widget (jika diperlukan versi tertentu). Saya tidak memiliki kesalahan jquery apa pun menurut alat pengembang, dan saya menguji tombol ikon kalender dengan menambahkan beberapa jquery cepat yang berfungsi dengan baik.

($("#datetimepicker10 span").click(function(){
    alert('working!');
    };
));

Jika tidak, saya telah memuat semua yang diperlukan dalam dokumen dalam urutan yang benar (menurut saya). Namun; tautan ikon tidak berfungsi sehingga saya tidak dapat memilih tanggal atau waktu. Saya berasumsi itu ada hubungannya dengan cara file dimuat atau versi jquery/moment yang saya gunakan karena saya mencoba mampir jsfiddle ini, dan itu juga tidak berhasil.

Setiap ide akan dihargai. Setiap petunjuk tentang cara men-debug kesalahan js semacam ini juga akan bagus untuk masa depan.

Kode Saat Ini:

<head>
    <link href="/id/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="/id/static/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css">
    <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
</head>

Ujung tubuh..

<script type='text/javascript' src="/static/js/bootstrap.min.js"></script>
<script type='text/javascript' src="/static/js/bootstrap-datetimepicker.min.js"></script>

$( document ).ready(function() {
    $('#startDate').datetimepicker();
});

Terakhir, html:

<div class="container">
    <div class="col-sm-6" style="height:75px;">
       <div class='col-md-5'>
            <div class="form-group">
                <div>Start</div>

                <div class='input-group date' id='startDate'>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>

datetimepicker twitter-bootstrap-3 bootstrap-datetimepicker
person David Hagan    schedule 31.05.2014    source sumber

Jawaban (2)


arrow_upward
0
arrow_downward

Silakan lihat biola ini:

Pemilih Tanggal BS

$('.datepicker').datetimepicker({ format: 'DD-MM-YYYY HH:mm:ss' });

person Mohamed Anis Dahmani    schedule 18.08.2014

arrow_upward
0
arrow_downward

Untuk format khusus, cukup gunakan data-date-format pada masukan Anda. Misalnya:

<div class='input-group date' id='datetimepicker5'>
    <input type='text' class="form-control" data-date-format="DD/MM/YYYY"/>
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

Yaitu format dalam Amerika Latin, Hari/Bulan/Tahun

person candlejack    schedule 14.11.2014