从javascript调用日期选择器

从javascript调用日期选择器,javascript,html,Javascript,Html,正如我在标题中所说的,我得到了一个datepicker库,并且想知道如何将它调用到HTML5中,这是我试图添加到其中的代码 <div class="form-group"> <label asp-for="IncidentDate"></label> <input asp-for="IncidentDate" type="date" class="form-control"/>

正如我在标题中所说的,我得到了一个datepicker库,并且想知道如何将它调用到HTML5中,这是我试图添加到其中的代码

<div class="form-group">            
        <label asp-for="IncidentDate"></label>
        <input asp-for="IncidentDate" type="date" class="form-control"/>
        <span asp-validation-for="IncidentDate" class="text-danger"></span>            
    </div>

最终目标是将下拉日历的显示更改为外观更吸引人的显示
来自w3,但ADyson是对的,您不能更改外观。如果要这样做,请尝试jquery中的datepicker。您可以稍微更改输入

[type=“date”]{
背景:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)97%50%不重复;
}
[type=“date”]::-webkit内部旋转按钮{
显示:无;
}
[type=“date”]::-webkit日历选取器指示器{
不透明度:0;
}
/*自定义样式*/
身体{
填充:4em;
背景:#e5;
字体:13px/1.4日内瓦,“Lucida Sans”、“Lucida Grande”、“Lucida Sans Unicode”、Verdana、Sans serif;
}
标签{
显示:块;
}
输入{
边框:1px实心#C4C4;
边界半径:5px;
背景色:#fff;
填充物:3px 5px;
盒影:插入0 3px 6px rgba(0,0,0,0.1);
宽度:190px;
}

生日:

这是jquery站点提供的标准示例。你应该先看看那里。您需要确保添加了链接和脚本以引入jquery库,并且需要为输入提供datepicker的id


$(函数(){
$(“#日期选择器”).datepicker();
} );

jQuery UI日期选择器-默认功能
日期:


日期选择器是从哪里获得的?@DCR屏幕截图在我看来像是一个标准的HTML5日期选择器……因此内置在浏览器中。该日期选择器看起来像是开箱即用的html日期选择器。祝你好运。我只需要在谷歌上快速搜索一下,看看哪一个是可以根据你的需要定制的,然后就用那一个。乔伊,我不认为你可以改变HTML5日期选择器的外观……或者不太可能,总之。。。。只是想让人们猜它是什么图书馆?因为每个库都有自己的怪癖…它有一个标准的type=“date”,它给出了下拉日历,我想改变它的外观。这并没有回答OP如何实现datepicker库的问题…看看他提供的html。看起来像是标准的。再看看上面那些该死的评论。OP被要求提供其datepicker的详细信息。对,这是OP希望集成datepicker库的现有代码。我从jquery wbsite下载了一个库,如果有帮助,我会尝试一下。谢谢。如果它回答了您的问题,请随意接受我的答案,这样其他人就会知道这是一个好的解决方案