原生日期选择器 - 默认情况下如何显示日历?

时间:2015-01-13 20:08:16

标签: html google-chrome input calendar datepicker

根据: http://tjvantoll.com/2012/06/30/creating-a-native-html5-datepicker-with-a-fallback-to-jquery-ui/

我已经设置了这个(简单),但问题是,我如何随时制作日历节目?截至目前,必须单击下拉列表才能显示图形日历。

非常感谢你,我提前感谢你的帮助!

3 个答案:

答案 0 :(得分:0)

使用原生html5日期选择器,无法强制显示。

如果你需要控制日历,你可以随时使用jQuery的任何datepicker插件。

答案 1 :(得分:0)

你可能会看看Sankar Jay的答案。我测试并且工作正常。

HTML:

<input id="datepicker" type="text">

Jquery的:

$(function() {
$('.ui-datepicker').css('display','none');
$("#datepicker").datepicker({
    dateFormat: "dd-mm-yy"
}).datepicker("setDate", "0");
})

这是链接:

http://jsfiddle.net/3hA5n/1/

答案 2 :(得分:0)

您好您可以使用afarkas,通过使用此标记为您提供此选项。 检查一下

<input type="date" data-date-inline-picker="true" />