1. 首页
  2. 问答
  3. 语义UI中的日期选择器

语义UI中的日期选择器

2015-10-18 89 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

相关问题

 相关问题