标签: materialize
在 materializecss 中设置最小日期”日期选择器
有人知道如何为“materializecss”日期选择器设置最小日期吗？官方网站不包含有关它的信息。
推荐指数
解决办法
查看次数
为 Materialise Clockpicker 设置时间格式 'HH:MM:SS'
我在下面的库中添加了
<link rel="stylesheet" href="assets/plugins/timepicker/materialize.clockpicker.css"/>
<script src="assets/plugins/timepicker/materialize.clockpicker.js"></script>
使用 Jquery 库。
我的输入元素是
<input id="default_start_time" name="default_start_time" class="timepicker" type="time">
脚本部分
$('.timepicker').pickatime({
default: 'now',
twelvehour: false, // change to 12 hour AM/PM clock from 24 hour
donetext: 'OK',
format:"HH:ii:SS",
autoclose: false,
vibrate: true
});
我也试过
$('.timepicker').pickatime({
default: 'now',
twelvehour: false, // change to 12 hour AM/PM clock from 24 hour
donetext: 'OK',
format:"HH:MM:SS",
autoclose: false,
vibrate: true
});
但时间选择器允许返回小时：分钟格式（如 08 : 10、19:06）
什么问题？？
推荐指数
解决办法
查看次数
删除 Materializecss 输入中的样式
如何完全删除materializecss中输入的样式？单独更改 CSS 似乎无法按预期工作。
推荐指数
解决办法
查看次数
物化卡的高度不相等
我创建了一个Codepen，试图使卡片的高度相等，但是我无法做到。
图片的大小不同，我添加了responsive-img标签。
https://codepen.io/jgacuca567/pen/qXwXEz
<main class="container-fluid">
<section class="row">
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image">
<img src="https://unsplash.it/4579/3271?image=1084" class="responsive-img">
<span class="card-title">Card Title</span>
</div>
<div class="card-content">
<p>I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.</p>
</div>
<div class="card-action">
<a href="#">This is a link</a>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image">
<img src="https://unsplash.it/5472/3648?image=1083" class="responsive-img">
<span class="card-title">Card Title</span>
</div> …推荐指数
解决办法
查看次数
为什么我的 Materialise sidenav 汉堡菜单不起作用？
我使用的侧边栏顶部有一个导航栏，只显示汉堡按钮（移动时）和刷新按钮。它做得很好，但是当您单击汉堡包图标时，什么也没有发生！侧边栏打不开。我怎样才能解决这个问题？
这是我的代码（重要的东西）：
<div class="navbar-fixed">
<nav class="navbar blue">
<div class="nav-wrapper">
<ul class="right hide-on-med-and-down">
<li><a onClick="window.location.reload()"><i class="material-
icons">refresh</i></a></li>
</ul>
<a href="#" data-target="slide-out" class="sidenav-trigger"><i
class="material-icons">menu</i></a>
</div>
</nav>
</div>
<ul id="slide-out" class="sidenav sidenav-fixed">
...
</ul>
是的，我确实有 Materialize CSS 和 JS，以及 jQuery 版本 2.1.1。
推荐指数
解决办法
查看次数
如何在 Materialise 中使字体大小响应
我在实现中的字体大小有问题。如果我的客户端设备变小，文本大小没有响应，而且它们太小了。一种解决方案是对每个客户端设备使用@media 查询。这不是我的解决方案，因为实现本身具有媒体查询，我不想再次重写它们。有什么方法可以使文本在具体化中具有响应性？谢谢
推荐指数
解决办法
查看次数
物化css单选按钮不可见
我正在尝试将实体化单选按钮添加到我的页面上，但由于某种原因，实际的单选按钮没有显示出来，这是一个共享点站点，我正在链接到实体化 js 和 css 文件，其他文本输入字段正在工作，我只是复制并粘贴了 materialize 文档中的示例。在寻找问题的答案时，我注意到在 google 的其中一个文档页面上发生了同样的问题。我附上了一张截图，可以在这里找到。知道如何让这些无线电图标显示出来吗？
http://materializecss.com/forms.html
编辑：这是我的示例代码
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
</head>
<body>
<form action="#">
<p>
<label>
<input name="group1" type="radio" checked />
<span>Red</span>
</label>
</p>
<p>
<label>
<input name="group1" type="radio" />
<span>Yellow</span>
</label>
</p>
<p>
<label>
<input class="with-gap" name="group1" type="radio" />
<span>Green</span>
</label>
</p>
<p>
<label>
<input name="group1" type="radio" disabled="disabled" />
<span>Brown</span>
</label>
</p>
</form>
</body>
</html>
我希望它像这里一样出现
推荐指数
解决办法
查看次数
VueJS 项目中正确的 MaterializeCSS 初始化
我尝试在使用 npm ( )创建的 VueJS 项目中不使用 jQuery初始化 MaterializeCSS 框架vue init webpack projectname
从版本1.0.0-rc.2Materialize 开始支持它自己的初始化而不使用 jQuery，就像这样：
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('.collapsible');
var instances = M.Collapsible.init(elems, options);
});
但是通过这种方式，JS Materialize Components 仅在手动页面重新加载后工作，并且当我打开某个组件并返回带有 Materialize 内容的组件时 - 它不起作用 - 我需要一直手动重新加载页面。
那么如何以正确的方式初始化 JS 组件呢？
推荐指数
解决办法
查看次数
排除某些特定复选框的物化 css
我想在我的视图中排除某些项目的物化 css。例如：我不想在表格下的复选框中显示实体化样式。它会导致我的内部 jquery 库出现问题。请检查附件图片。我在我的表格中给出了以下 html 内容 > td。我想将此显示为浏览器默认复选框。
在我的应用程序中，我使用http://materializecss.com
<div class="checkbox">
<input type="checkbox" class="filled-in dt-checkboxes">
<label></label>
</div>
推荐指数
解决办法
查看次数
Materializecss 选择双击切换
我正在使用 MaterializeCSS 创建一个选择“下拉”菜单。在 Mac 笔记本电脑上，下拉菜单工作正常（在 Safari 和 FireFox 中测试，在 IE 和 Chrome 中通过 browserling.com 测试）。但是，当我从 Windows 计算机（IE 和 Chrome）浏览网站时，我总是必须双击以切换下拉列表。我不明白为什么会出现这个问题。如果有人能指出以下代码的具体问题，我将不胜感激：
<div class="dropdown-div">
<div class="input-field">
<select>
<option value="1" class="dropdown-text"><a class="dropdown-text-default" data-url="#General">General</a></option>
<option value="2"><a class="dropdown-text" data-url="#Option1">Option1</a></option>
<option value="3"><a class="dropdown-text" data-url="#Option2">Option2</a></option>
<option value="4"><a class="dropdown-text" data-url="#Option3">Option3</a></option>
<option value="5"><a class="dropdown-text" data-url="#Option4">Option4</a></option>
</select>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.99.0/js/materialize.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('select').material_select();
});
</script>
请在此处找到 MaterializeCSS 的文档。
推荐指数
解决办法
查看次数
标签 统计
materialize ×10
css ×4
html ×3
javascript ×3
jquery ×3
checkbox ×1
fonts ×1
responsive ×1
vue.js ×1