1. 首頁
  2. 問答
  3. 語義UI中的日期選擇器

語義UI中的日期選擇器

2015-10-18 93 views
19

是否有像引導日期選擇器一樣的語義UI的日期選擇器？我搜查了他們的網站。但未能得到。語義UI中的日期選擇器

Jquery datepicker很好地工作，但UI與我的項目看起來不太好。

來源

2015-10-18 nikolas

+0

那麼，因爲答案是否定的。 Semantic-ui不提供日期選擇器模塊。你應該看看別人，例如，如果我正在使用React，我可能會考慮react-datepicker。 –

+0

如何在輸入字段中使用反應日期選擇器 – nikolas

回答

5

我也環顧四周，但我能找到的最好的是Date Range Picker for Semantic UI。

在初始化過程中，你可以得到的GUI看起來大多是語義UI'ish一些自定義類：

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

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

    timePicker: true 
});

來源

2015-10-18 19:31:39 J3Y

8

看看這個Semantic UI Calendar module這是從上面提到的拉請求的結果。很多定製和看起來不錯。

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

和

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

enter image description here

來源

2016-10-13 07:52:40 High6

1

是有， 你得給你輸入日期的類型屬性，

<input type="date">

This是怎麼回事看起來像

來源

2017-07-31 15:39:57 kajamaki

+1

不幸的是，並非所有瀏覽器都支持所謂的HTML5日期和輸入類型。請參閱：http://caniuse.com/#feat=input-datetime – michaelpoltorak

相關問題

 相關問題