如何在html页面中获得带有Javascript的简单日历窗口

如何在html页面中获得带有Javascript的简单日历窗口,javascript,calendar,Javascript,Calendar,我是JS新手,我想知道,如何使用JS获得一个简单的日历窗口。 实际上,我想编写一个简单的函数来获取所选日期,以便以后在代码中将该日期用作字符串。您可以创建服务器端日历,我刚刚完成了一个。唯一的问题是,与日历的任何交互都需要回发,而不是最佳的回发 您的后端使用什么?如果是ASP.NET MVC,我将分享我的日历部分视图,您可以更新它,使用表,而不是引导来定位日期。在jQuery中 <input type="date" id="calendar" /> <button id="bt

我是JS新手,我想知道,如何使用JS获得一个简单的日历窗口。
实际上,我想编写一个简单的函数来获取所选日期,以便以后在代码中将该日期用作字符串。

您可以创建服务器端日历,我刚刚完成了一个。唯一的问题是,与日历的任何交互都需要回发,而不是最佳的回发

您的后端使用什么?如果是ASP.NET MVC,我将分享我的日历部分视图,您可以更新它,使用表,而不是引导来定位日期。

在jQuery中

<input type="date" id="calendar" />
<button id="btn">get</button>

<script type="text/javascript">
    $("#btn").on("click", function () {
        var date = new Date($("#calendar").val());
        var day = date.getDate();
        var month = date.getMonth() + 1;
        var year = date.getFullYear();
        alert(day);
        alert(month);
        alert(year);
    });
</script>

得到
$(“#btn”)。在(“单击”,函数(){
var date=新日期($(“#日历”).val();
var day=date.getDate();
var month=date.getMonth()+1;
var year=date.getFullYear();
警报(天);
警报(月);
警报(年);
});

我只想将其用于一个简单的HTML页面,完全不需要与服务器交互。最好的办法是找到第三方JS日历库。一个快速的googleforjavascript日历库应该会揭示一些问题。然后,需要遵循库的文档以使其正常工作。通常有样品