предварительно выбрать дату в материализаторе даты, используя входное значение без разделителей - PullRequest
0 голосов
/ 07 января 2020

привет, материализовать сообщество,

к сожалению, я не могу предварительно выбрать дату без разделителей в средстве выбора даты. если я использую разделители, это работает, но это не помогает мне для моего приложения.

Кто-нибудь знает, как я могу решить мою проблему?

пример:

работает : снимок экрана

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
</head>
<body>

  <input type="text" name="mydate" class="datepicker" value="09/09/2025">

<script>
 document.addEventListener('DOMContentLoaded', function() 
 {
  var options = 
  {        
        setDefaultDate: true,
        autoClose : true,
        showClearBtn: true,
        format : 'dd/mm/yyyy'
    };
  var elems = document.querySelectorAll('.datepicker');
  var instances = M.Datepicker.init(elems, options);

  });
</script>

</body>
</html>

jsfiddle: http://jsfiddle.net/dz0wrjho/2/

сделал не работает : снимок экрана

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
</head>
<body>

  <input type="text" name="mydate" class="datepicker" value="09092025">

<script>
 document.addEventListener('DOMContentLoaded', function() 
 {
  var options = 
  {
        setDefaultDate: true,
        autoClose : true,
        showClearBtn: true,
        format : 'ddmmyyyy'
    };
  var elems = document.querySelectorAll('.datepicker');
  var instances = M.Datepicker.init(elems, options);

  });
</script>

</body>
</html>

jsfiddle: http://jsfiddle.net/dz0wrjho/3/

большое спасибо заранее


ОБНОВЛЕНИЕ

Дата в поле ввода должна быть передана в формате «ммм дд, ггггг». с опцией «формат» вы можете определить только вывод в поле ввода.

документация:

format String 'mmm dd, yyyy' Формат вывода даты для значения поля ввода.

документация

1 Ответ

0 голосов
/ 07 января 2020

Лучше установить Datepicker Date с помощью метода setDate:

instance.setDate(new Date(2025, 09, 09));

И Input value со свойством defaultDate.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...