如何在 Symfony 上显示日期选择器?

MSK*_*K90 4 javascript symfony-forms symfony symfony4

我想根据 symfony 文档为我的日期类型字段设置一个日期选择器。我自从 packagist 'eternicode / bootstrap-datepicker' 以来就安装了该软件包。我可以应用我定义的条件在我的js中输入日期字段(如日期格式),但显示仍然不可能。我的 js 控制台中没有错误消息。我什至没有看到 datepikcer 组件..

\n\n

我的表格类型:

\n\n
   ->add('date_entree', DateType::class, [ \n                'widget' => 'single_text',\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0                      'html5' => false,\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0                      'attr' => ['class' => 'js-datepicker'],\n                ])\n\nMy JS:\n\n    $(document).on('ready', function() {\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0     $('.js-datepicker').datepicker({\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0      format: 'dd-mm-yyyy',\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0     });\n     });\n
Run Code Online (Sandbox Code Playgroud)\n\n

您对这个问题有什么想法吗?

\n

MSK*_*K90 10

感谢您的帮助。

最后,这是我的解决方案:

  • CSS:

     < link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.css" rel="stylesheet"/>
    
    Run Code Online (Sandbox Code Playgroud)
  • JS

            <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.js"></script>
        <script>
            $(document).ready(function() {
                // you may need to change this code if you are not using Bootstrap Datepicker
                $('.js-datepicker').datepicker({
                    format: 'yyyy-mm-dd'
                });
            });
        </script>
    
    Run Code Online (Sandbox Code Playgroud)
  • 表格类型

       ->add('date_entree', DateType::class, [ 
            'widget' => 'single_text',
                      'html5' => false,
                      'attr' => ['class' => 'js-datepicker'],
            ])
    
    Run Code Online (Sandbox Code Playgroud)

希望这对其他开发者有所帮助!