Materialize 框架里有个 form 按钮 Date Picker 工作不正常
leeyuzhe · 2015-06-24 14:58:00 +08:00 · 3859 次点击这是一个创建于 3440 天前的主题，其中的信息可能已经有所发展或是发生改变。
按他描述只需添加一个类datepicker即可
<input type="date" class="datepicker">
然而我这边根本没有效果，是不是有什么js没引入呀，小弟做后端的对前端了解不深，请指点
附我的代码：
<!DOCTYPE html>
<html>
<head>
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!--<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">-->
</head>
<body>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<input type="date" class="datepicker">
</body>
</html>
<input type="date" class="datepicker">
然而我这边根本没有效果，是不是有什么js没引入呀，小弟做后端的对前端了解不深，请指点
附我的代码：
<!DOCTYPE html>
<html>
<head>
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!--<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">-->
</head>
<body>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<input type="date" class="datepicker">
</body>
</html>
4 条回复 • 2015-06-24 19:28:36 +08:00
 |
1
leeyuzhe OP  我的（根本没有js加载上） 他的 |
 |
2
guchengf 2015-06-24 17:16:42 +08:00
class 是用来判断对象的，需要 js 进行初始化
$('.datepicker').pickadate({ selectMonths: true, // Creates a dropdown to control month selectYears: 15 // Creates a dropdown of 15 years to control year }); |
Select Language