时间戳

首页 > 解决方案 > 无法更改 Materialise 的日期选择器的上个月和下个月

javascript - 无法更改 Materialise 的日期选择器的上个月和下个月

问题描述

到目前为止，除了 previousMonth 和 nextMonth 之外，i18n 对象的所有其他属性似乎都按照文档中的描述工作和更改。无论我尝试什么，它们都保持相同的默认图标。我将不胜感激任何指导如何定制这些的帮助。

下面是一个反映问题的简单 html 页面（请注意，其余 i18n 选项已被删除，因为它们反映正确）：

<!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" />
    <title>Date Picker Customization</title>
  </head>

  <body>
    <div class="container">
      <div class="row">
        <div class="col s12 m6 l3">
          <form action="#">
            <div>
              <input type="text" class="datepicker" />
              <label for="date">select a date</label>
            </div>
          </form>
        </div>
      </div>
    </div>

    <!-- JAVASCRIPT CODE SECTION -->
    <script type="text/javascript" src="js/materialize.min.js"></script>

    <script>
      var options = {
        format: "dd mmm, yyyy",
        yearRange: 2,
        showMonthAfterYear: true,
        i18n: {
          previousMonth: "P",
          nextMonth: "N"
        }
      };
      document.addEventListener("DOMContentLoaded", function() {
        var elems = document.querySelectorAll(".datepicker");
        var instances = M.Datepicker.init(elems, options);
      });
    </script>
    <!-- END CODE SECTION -->
  </body>
</html>

标签： javascripthtmlcssmaterialize

解决方案

推荐阅读