如何在JavaScript日历中解决此问题？

Question

我正在laravel项目中设置一个新的javascript日历，作为kamadatepicker。

  

现在我想在索引页面中使用此日历来向人们展示   日期

日历插件链接：Plugin Link & Files

问题是如何在我的div中使用它而又不离开div

在我的表单中，我将此插件用作选择器

我在下面的表单中附加日期选择器的图像：

Image Of My Input

  

当我单击内部输入时，日历也会出现，我想你   知道我是否强制输入

     

到show always仍然会出现日历   在div或容器之外

---

清除问题！

看下面的图片：

image-2

该容器具有蓝色背景

  

问题：

     

1-我应该在输入内容中单击以向我显示日历...我想一直向我显示...

     

该怎么做？

     

2-日历显示在容器外部...我想向我展示div内部

     

响应式视图，因为当容器大小更改时，日历不会更改

     

那是恒定的

---

内部布局：

kamaDatepicker('test-date-id', {

    buttonsColor: "red",
    nextButtonIcon:  "fa fa-chevron-circle-right fa-lg",
    previousButtonIcon:  "fa fa-chevron-circle-left fa-lg",

    forceFarsiDigits: true,
    gotoToday: true,
    markToday: true,
    highlightSelectedDay: true,
    sync: true
    });

内部视图：

<input type="text" id="test-date-id">