时间戳

首页 > 解决方案 > 如何在 Symfony 上显示日期选择器？

javascript - 如何在 Symfony 上显示日期选择器？

问题描述

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

我的表格类型：

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

My JS:

    $(document).on('ready', function() {
         $('.js-datepicker').datepicker({
              format: 'dd-mm-yyyy',
         });
     });

你对这个问题有什么想法吗？

标签： javascriptsymfonysymfony4symfony-forms

解决方案

谢谢您的帮助。

最后，这是我的解决方案：

  • CSS：

     < link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.css" rel="stylesheet"/>

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

  • 表格类型

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

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

推荐阅读