Javascript 日期选择器不是'；被html2canvas捕获的t

我用Html2canvas来截图我的页面，在页面上，我用日期选择器。但是当我抓拍截图时，截图上并没有显示日期。你知道为什么吗？我是怎么解决的

这是我的密码

<div id='ownerDetails'>
  <input type="date" class="the-inp date-input">
</div>

<button id="sig-submitBtn">save</button >
<button id='nextbt'>capture</button>

<img id='itemImg' src=''>

---

这里添加的解决方案不同的方式是小提琴：

附加代码：

。选择日期{
背景：#fff；
边框：1px实心#000；
填充：3倍；
左侧填充：18px；
右边填充：17px；
字体大小：14px；
}

/////////
变量元素=$（“#所有者详细信息”）；//全局变量
var getCanvas//全局变量
$（'sig submitBtn'）。在（'click'，函数（）{
var selectedDate=$（'.date输入'）.val（）；
$（'.date input'）.hide（）；
$（“.selectedDate”）.show（）；
$（“.selectedDate”）.html（selectedDate）；
html2canvas（元素{
onrendered：函数（画布）{
getCanvas=canvas；
}
});
});
$（“#nextbt”）。在（'click'，函数（）{
var imgageData=getCanvas.toDataURL（“image/png”）；
//现在浏览器开始下载它，而不是仅仅显示它
document.getElementById（“itemImg”）.src=imgageData；
});

你能添加你的代码吗？我在@Aviboy2006中添加了它。这不是因为datepicker在dom加载时进行渲染，而在执行html2canvas时，dom并没有加载它只是捕获静态数据。是否有一种方法可以捕获日期，即使它是常规HTML日历@Aviboy2006您只想捕获日期，对吗？没有日历？

//////////////


    $(".date-input").datepicker({ dateFormat: "yy-mm-dd"}).datepicker("setDate", new Date());

/////////

var element = $("#ownerDetails"); // global variable
            var getCanvas; //global variable


    $('#sig-submitBtn').on('click', function () {


            html2canvas(element, {
                onrendered: function (canvas) {
                    getCanvas = canvas;
                }
            });

    });


            $("#nextbt").on('click', function () {
                var imgageData = getCanvas.toDataURL("image/png");
                //Now browser starts downloading it instead of just showing it
                document.getElementById("itemImg").src = imgageData;
            });