V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
This topic created in 3961 days ago, the information mentioned may be changed or developed.
按他描述只需添加一个类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 replies • 2015-06-24 19:28:36 +08:00
 |
1
ThisDay OP  我的（根本没有js加载上） 他的 |
 |
2
guchengf Jun 24, 2015
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