bootstrap-datetimepicker ทำงานไม่ถูกต้อง

เอกสารที่ bootstrap-datetimepicker ไม่ได้อธิบายจริงๆ ว่าเวอร์ชันใด จำเป็นต้องใช้ jquery และ Moment เพื่อใช้วิดเจ็ต (หากจำเป็นต้องใช้เวอร์ชันเฉพาะ) ฉันไม่มีข้อผิดพลาด jquery ตามเครื่องมือ dev และฉันทดสอบปุ่มไอคอนปฏิทินโดยเพิ่ม jquery ด่วนซึ่งทำงานได้ดี

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

ไม่เช่นนั้น ฉันจะโหลดทุกอย่างที่จำเป็นในเอกสารตามลำดับที่ถูกต้อง (ฉันคิดว่า) อย่างไรก็ตาม; ลิงก์ไอคอนใช้งานไม่ได้ ดังนั้นฉันจึงไม่สามารถเลือกวันที่และเวลาได้ ฉันคิดว่ามันเป็นสิ่งที่เกี่ยวกับวิธีการโหลดไฟล์หรือเวอร์ชันของ jquery/moment ที่ฉันใช้เพราะฉันพยายามวางใน jsfiddle นี้ และมันจะไม่ทำงานเช่นกัน

ความคิดใด ๆ ที่จะได้รับการชื่นชม คำแนะนำใด ๆ เกี่ยวกับวิธีการแก้ไขข้อผิดพลาด js ประเภทนี้เช่นกันจะดีสำหรับอนาคต

รหัสปัจจุบัน:

<head>
    <link href="/th/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="/th/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>

ปลายลำตัว..

<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();
});

สุดท้ายนี้ 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 แหล่งที่มา

คำตอบ (2)


arrow_upward
0
arrow_downward

โปรดดูซอนี้:

BS Datetimepicker

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

person Mohamed Anis Dahmani    schedule 18.08.2014

arrow_upward
0
arrow_downward

สำหรับรูปแบบที่กำหนดเอง เพียงใช้ data-date-format ในอินพุตของคุณ ตัวอย่างเช่น:

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

นั่นคือรูปแบบเป็นภาษาลาติน-อเมริกา วัน/เดือน/ปี

person candlejack    schedule 14.11.2014