如何从多个日期选择器中选择几天以保存在数据库中

Question

我有一个表，该表必须存储用户选择的可用日期，并且通过这里已经发布的问题，我看到了这个名为Multipledatespicker的插件。

我想要的是：用户选择所有的日子，并且每一天都必须存储在我的可用性表中。首先，我通过npm安装了插件。 Reference here

npm install jquery-ui-multidatespicker

然后我的jquery看起来像这样：

$(document).ready(function(){
    $('.pgwSlider').pgwSlider(); //this is not important
    $('#mdp-demo').multiDatesPicker();
});

然后在我看来，我有这个：

<form method="POST" action="{{route('availability.store')}}">
    @csrf
    <input type="text" placeholder="Select Days" id="mdp-demo" />
</form>

但是当我单击输入字段时，日历不会显示。

也通过webpack尝试过，但没有成功：

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');


mix.styles([
    'resources/assets/css/libs/style.css',
    'resources/assets/css/libs/bootstrap.min.css',
    'resources/assets/css/libs/pgwslider.min.css',
    'resources/assets/css/libs/jquery-ui.multidatespicker.css'

], 'public/css/libs.css');

mix.scripts([
    'resources/assets/js/libs/jquery-3.3.1.min.js',
    'resources/assets/js/libs/bootstrap.js',
    'resources/assets/js/libs/pgwslider.min.js',
    'resources/assets/css/libs/jquery-ui.multidatespicker.js',
    'resources/assets/js/libs/scripts.js',

], 'public/js/libs.js');

这是我在控制台中看到的：

libs.js:3963 Uncaught TypeError: $(...).multiDatesPicker is not a function
at HTMLDocument.<anonymous> (libs.js:3963)

如何获取日期并将其保存在表格中？