Input 通过使用不带分隔符的输入值在materialize datepicker中预选日期_Input_Datepicker_Submit_Materialize_Default

Input 通过使用不带分隔符的输入值在materialize datepicker中预选日期

input

Input 通过使用不带分隔符的输入值在materialize datepicker中预选日期,input,datepicker,submit,materialize,default,Input,Datepicker,Submit,Materialize,Default,你好，物化社区不幸的是，我不可能在datepicker中预先选择一个没有分隔符的日期。如果我使用分隔符，它可以工作，但这对我的应用程序没有帮助有人知道我如何解决我的问题吗示例：有效： document.addEventListener（'DOMContentLoaded'，function（） { 变量选项= { setDefaultDate:true，自动关闭：是的， showClearBtn：是的，格式：“dd/mm/yyyy” }; var elems=d

你好，物化社区

不幸的是，我不可能在datepicker中预先选择一个没有分隔符的日期。如果我使用分隔符，它可以工作，但这对我的应用程序没有帮助

有人知道我如何解决我的问题吗

示例：

有效：


document.addEventListener（'DOMContentLoaded'，function（）
{
变量选项=
{        
setDefaultDate:true，
自动关闭：是的，
showClearBtn：是的，
格式：“dd/mm/yyyy”
};
var elems=document.querySelectorAll（'.datepicker'）；
var instances=M.Datepicker.init（元素、选项）；
});

jsfiddle：

不起作用：


document.addEventListener（'DOMContentLoaded'，function（）
{
变量选项=
{
setDefaultDate:true，
自动关闭：是的，
showClearBtn：是的，
格式：“ddmmyyyy”
};
var elems=document.querySelectorAll（'.datepicker'）；
var instances=M.Datepicker.init（元素、选项）；
});

jsfiddle：

非常感谢

更新

输入字段中的日期必须以“mmm dd，YYYY”格式传递。使用“格式”选项，您只能在输入字段中定义输出

文件：

格式字符串“mmm dd，yyyy”输入字段值的日期输出格式

最好使用setDate方法设置日期选择器日期：

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

并使用defaultDate属性输入值

你为什么不能用分离器？

<!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>

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