HTML日期选择器视图

时间:2015-05-20 22:50:52

标签: javascript html css html5 datepicker

如何更改日期选择器的视图?例如,我可以删除一些元素或替换我自己的整个选择器吗?使用type =" date"对我来说很重要。是否只能输入type =" text"?默认情况下,日期选择器看起来像这样

default view http://clip2net.com/clip/m309328/8030a-clip-12kb.png?nocache=1

它没有任何属性和类的标准日期选择器

代码:

<form>
    Birthday:
    <input type="date">
</form>

我希望得到这个,例如 custom view

1 个答案:

答案 0 :(得分:2)

您在样式自定义方面非常有限,因为HTML5日期输入UI是从正在使用的设备的操作系统中提取的,而不是在浏览器中呈现。

来自this site

  

您目前无法设置日期选择器的外观样式。在WebKit中,我们以前提供了使用-webkit-appearance CSS属性或:: - webkit-foo伪类选择器来设置表单控件样式的方法。但是,日历弹出窗口没有在WebKit中提供这样的方式,因为它与文档分开,就像弹出菜单一样,并且目前还没有关于如何控制其子元素样式的标准。

您最好使用自定义日期选择器,例如jQuery