Używam wyboru czasu, ale nie mogę się udać przycisków. Oto jak wygląda czasownica.

enter image description here

Oto jak go renderuję.

<input type="text" class="form-control timepicker appt_time" style="width:200px;">

<script>
$('.timepicker').timepicker();
</script>

Oto jak je ustawiam w moim nagłówku

<link rel="stylesheet" media="screen" type="text/css" href="/content/css/bootstrap.css">
<link rel="stylesheet" media="screen" type="text/css" href="/content/css/bootstrap-datepicker.css">
<link rel="stylesheet" media="screen" type="text/css" href="/content/css/bootstrap-timepicker.css">

<script type="text/javascript" src="/content/script/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="/content/script/bootstrap.min.js"></script>
<script type="text/javascript" src="/content/script/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="/content/script/bootstrap-timepicker.js"></script>

Mam pliki CSS i pliki JS dla timePicker Oto.

Jakieś pomysły, co to powoduje? Dzięki!

2
Luke Villanueva 27 listopad 2013, 08:00

2 odpowiedzi

Najlepsza odpowiedź

Masz pliki CSS i JS, ale przegapiłeś, aby uchwycić glificony.

Glificony są odpowiedzialni za pokazanie przycisków na timePicker.

Jeśli możesz sprawdzić narzędzia deweloperów na przyciskach, możesz zobaczyć, że wydaje się, że obrazy.

Oto, co znalazłem na stronie, który masz wybrany czas

enter image description here

Dołącz plik Glyphicons PNG na swojej stronie, aby uzyskać idealne zdjęcia.

Mam nadzieję że to pomoże

2
Community 20 czerwiec 2020, 09:12

Spróbuj skrypt jako ...

<script type="text/javascript">
    $("input[id$='timepicker']").timepicker({
        minuteStep: 5,
        showInputs: false,
        disableFocus: true
    });        
</script>

Daj identyfikator, powiedz id = "timpick" i zadzwoń jako $ ('# timpick'). Timpicker (opcje);

0
Rohan Kumar 2 lipiec 2015, 13:23