时间戳

首页 > 解决方案 > 在 Picker 实现上显示数据库中的日期

materialize - 在 Picker 实现上显示数据库中的日期

问题描述

我有以下代码，当我单击 Picker 时，我想查看日历中选择的日期 01/01/2018。我需要日历来选择包含输入值的日期。

   $var_date = '01/01/2018';


<input type="text" name="date" name="date" class="datepicker" value="<?php echo $var_date; ?>">
      <label for="first_name">Date</label>

标签： materializepicker

解决方案

这可以在 的帮助下完成instance.setDate(new Date())。

<input type="text" class="datepicker">
<script>
    document.addEventListener('DOMContentLoaded', function () {
        var elems = document.querySelector('.datepicker');
        var instance = M.Datepicker.init(elems);
        // instance.open(); This will open your datepicker on its own when page is loaded completely
        instance.setDate(new Date(2018, 2, 8));
    });
</script>

笔记- new Date(year, monthIndex [, day [, hours [, minutes [, seconds [, milliseconds]]]]]);

参数monthIndex是从 0 开始的。这意味着January = 0和December = 11

MDN - 日期

物化 - 选择器

推荐阅读