实现 css 日期输入答案

【问题标题】：Materialize css date input实现 css 日期输入
【发布时间】：2015-12-08 05:42:09
【问题描述】：

如何获取我从实现 css datepicker 中选择的日期的值下面是代码

<!--The Date Born-->
<div class="col s12 m6">
     <label for="Icon_date">Date Born</label>
     <input type="date" class="datepicker" id="datepicker">

</div>

【问题讨论】：

标签： javascript css materialize

【解决方案1】：

JSFIDDLE

alert($('.datepicker').val());

这将通过 jQuery 提醒输入中当前日期的值。

只需通过插件（例如用于 firefox 的 firebug 或用于 chrome 的 chrome 开发人员工具）验证其在输入中的显示值是否正确，因为有时插件不会在输入中显示值，而在标签或其他内容中显示。然后，您可以在该输入字段中的每次值更改时使用.change() 来获取值。

请注意，如果插件中有本机方法，请使用该方法，并且根本不要使用它。

【讨论】：

如果我只想提醒年份怎么办？
你可以像 var dateString = $('.datepicker').val(); alert(dateString.slice(-4)); 那样做也可以检查更新的小提琴jsfiddle.net/xx3cjqek/4
非常感谢。我需要那个

【解决方案2】：

获取日期选择器的值到 javascript 变量。

var date = $('#datepicker').val();

【讨论】：

如果我只想提醒年份，该怎么办？
这将对您有所帮助。 stackoverflow.com/questions/12328944/…

【解决方案3】：

var datePickerObject = $('#datepicker').pickadate().pickadate('picker')    
console.log(datePickerObject.get())

使用 javascript 创建 datepicker 时创建 datepicker 对象。

请查看此链接： http://amsul.ca/pickadate.js/api/#method-get-value

【讨论】：

【解决方案4】：

下载这个库http://materializecss.com/bin/materialize-v0.97.3.zip 或

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/js/materialize.min.js"></script>



  $('.datepicker').pickadate({
            selectMonths: true, // Creates a dropdown to control month
            selectYears: 15 // Creates a dropdown of 15 years to control year
          });

【讨论】：

【解决方案5】：

<script>
    $(function () {
    $('#date').datepicker({
        changeYear: true,
        changeMonth:true,
        yearRange: '1980:2013', 
        dateFormat: 'dd-MM-yy',
        beforeShowDay: function (date) {
            var day = date.getDay();
            var year = $("#ui-datepicker-div .ui-datepicker-year:selected").val();
            return [(day != 0), ''];
        }
    });
});

 </script>

【讨论】：