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

This topic created in 4019 days ago, the information mentioned may be changed or developed.

按他描述只需添加一个类datepicker即可
<input type="date" class="datepicker">
然而我这边根本没有效果，是不是有什么js没引入呀，小弟做后端的对前端了解不深，请指点
附我的代码：
<!DOCTYPE html>
<html>
<head>

<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>


<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

</head>

<body>

<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>

DatePicker

type=

script

4 replies • 2015-06-24 19:28:36 +08:00

ThisDay

Jun 24, 2015

我的（根本没有js加载上）

他的

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
});

ThisDay

Jun 24, 2015

@guchengf 把这两句jq加到前面去了，然并卵呀

ThisDay

Jun 24, 2015

@guchengf 谢谢你可以了，在页面加载后执行这段js初始化就可以了