javascript - 实现日期选择器不工作

Question

我无法在日期选择器中选择年份，而且该选项并不完全可见。这是源链接: http://materializecss.com/forms.html

我得到下面的图像作为输出。

/image/WWJb3.png

并且我已经编写了 materialize 给出的初始化部分。一次引用图像，以便每个人都能理解我遇到的错误。

我的代码是:

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/js/materialize.min.js"></script>
<!--This is the input tag -->
<input type="text" class="datepicker">

Answer 1

您需要像这样初始化日期选择器:

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/js/materialize.min.js"></script>
<!--This is the input tag -->
<input type="text" class="datepicker">

<script>
    $('.datepicker').pickadate({
        selectMonths: true, // Creates a dropdown to control month
        selectYears: 15, // Creates a dropdown of 15 years to control year,
        today: 'Today',
        clear: 'Clear',
        close: 'Ok',
        closeOnSelect: false // Close upon selecting a date,
   });
</script>