Materialize 框架里有个 form 按钮 Date Picker 工作不正常

2015-06-24 14:58:00 +08:00
 leeyuzhe
按他描述只需添加一个类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>
3738 次点击
所在节点    前端开发
4 条回复
leeyuzhe
2015-06-24 15:09:28 +08:00
我的(根本没有js加载上)
他的
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
});
leeyuzhe
2015-06-24 19:08:48 +08:00
@guchengf 把这两句jq加到前面去了,然并卵呀
leeyuzhe
2015-06-24 19:28:36 +08:00
@guchengf 谢谢你可以了,在页面加载后执行这段js初始化就可以了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/200805

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX