Datepicker w semantic ui

Question

Czy istnieje jakiś datepicker dla semantycznych ui, takich jak datopicker bootstrap? Przeszukałem ich stronę. Ale nie udało się.

Datepicker Jquery działa dobrze, ale interfejs użytkownika nie wygląda ładnie z moim projektem.

Answer 1

o tej porze piśmie, istnieje oczekujące żądanie Pociągnąć tutaj:

https://github.com/Semantic-Org/Semantic-UI/pull/3256

Oto jak wygląda

https://jsbin.com/hubanufuva/1/edit?html,js,output

Answer 2

Rozejrzałem się za jednym z nich, ale najlepsze, jakie mogłem znaleźć, to Date Range Picker for Semantic UI.

Podczas inicjalizacji, można uzyskać GUI patrzeć głównie Semantic UI'ish z niektórych klas niestandardowych:

// Initialize the daterangepicker 
$container.find('input').daterangepicker({ 
    buttonClasses: "ui mini button", 
    applyClass: "positive", 
    cancelClass: "cancel", 

    // ... 
    // ... 
    // ... 

    timePicker: true 
}); 

Answer 3

Zapoznaj się z tym Semantic UI Calendar module, który wynika z wyżej wymienionego żądania pull. Wiele dostosowań i ładnie wygląda.

<h3>Input</h3> 
<div class="ui calendar" id="example1"> 
    <div class="ui input left icon"> 
    <i class="calendar icon"></i> 
    <input type="text" placeholder="Date/Time"> 
    </div> 
</div> 

i

$('#example1').calendar(); 

Answer 4

Tak jest, będziesz musiał podać swoje wejście atrybut typu nieaktualne,

<input type="date"> 

This jak to wygląda jak