javascript - 如何在 JS 代码中使用 datepicker()？（不是函数）

Question

我正在尝试使用 datepicker 函数，但出现错误。

关于这个问题有很多话题，但每次我尝试不同的方法时，它都不起作用（使用 .noconflict() -> 也许我用错了）。

我想在更改按钮时将开始日期和结束日期更改为当前日期。

我正在启动JS，你能帮帮我吗？可能是其他功能？请

包.json：

{
    "devDependencies": {
        ...
        "jquery": "^3.5.1",
        ...
    }
    "dependencies": {
        ...
        "jquery-ui": "^1.12.1",
        ...
    }
}

JS代码：

const $ = require('jquery');

$( document ).ready( function() {

    $('.form-check').on('change', function () {
        if( $("[type='radio']:checked").val() == '1')
        {
            $('.form-period').show();
            $('.form-date').hide();
        } else {
            $('.form-period').hide();
            $('.form-date').show();
        }
        $('.js-datepicker').datepicker("setDate", new Date());
        $('.alert').remove();
    });

});

安慰 ：

Uncaught TypeError: $(...).datepicker is not a function

编辑： HTML 由 symfony 代码生成：

->add('searchStartAt', DateType::class, [
                'label' => 'Date de début',
                'widget' => 'single_text',
                'required' => false,
                'data' => new \DateTime('now'),
                'attr' => ['class' => 'js-datepicker']
            ])
            ->add('searchEndAt', DateType::class, [
                'label' => 'Date de fin',
                'widget' => 'single_text',
                'required' => false,
                'data' => new \DateTime('now'),
                'attr' => ['class' => 'js-datepicker']
            ])

我的文件 html.twig 的结尾：

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('choice_form_stats') }}
{% endblock %}

webpack.config.js ：

var Encore = require('@symfony/webpack-encore');

Encore
      .addEntry('choice_form_stats', './assets/choice_form_stats.js')
      ...
;

module.exports = Encore.getWebpackConfig();

应用程序.js：

const $ = require('jquery');
require('bootstrap');
require('jquery-ui');

谢谢，

标签： javascriptjqueryjquery-uimethodsdatepicker