物化没有模态的Datepicker?

时间:2018-03-13 11:00:06

标签: css css3 materialize

Materialise的Datepicke使用模态(弹出)。

http://materializecss.com/forms.html#date-picker

有没有办法使用Materialize的Datepicker,没有模态(弹出窗口),比如将它嵌入到网页中?如果可能,我该如何实现?

1 个答案:

答案 0 :(得分:0)

您可能可以做几件事,例如:

1)设置容器以匹配要嵌入日期选择器的元素。物化Datepicker具有该选项。参见the docs

2)覆盖.modal-overlay类,并将其 display 属性设置为 none

3)通过将.modal类的位置设置为相对,并将边距设置为 0

4)通过将可见性设置为隐藏并将位置设置为固定来覆盖.datepicker类以隐藏 input 元素

其余的取决于您。但这全都是关于CSS的玩法

编辑:另外,您可能需要确保Datepicker始终处于打开状态