Datepicker in semantico ui

Question

C'è qualche datapicker per l'interfaccia semantica come bootstrap datepicker? Ho cercato il loro sito web. Ma non è riuscito a ottenere.

Jquery datepicker funziona bene ma l'interfaccia utente non è gradevole con il mio progetto.

Answer 1

In questo momento della scrittura, v'è una richiesta di pull in attesa qui:

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

Ecco come appare

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

Answer 2

Anche io mi sono guardato intorno, ma il meglio che ho trovato era Date Range Picker for Semantic UI.

Durante l'inizializzazione, è possibile ottenere l'interfaccia grafica di guardare UI'ish per lo più semantica con alcune classi personalizzate:

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

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

    timePicker: true 
}); 

Answer 3

Dai uno sguardo a questo Semantic UI Calendar module che risulta dalla richiesta di pull sopra menzionata. Un sacco di personalizzazione e sembra bello.

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

e

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

Answer 4

Sì c'è, dovrete dare il vostro input un attributo di tipo di data,

<input type="date"> 

This è come assomiglia allo