Html中的本机日期选择器

Question

我使用Datepicker插件来获取HTML格式的日历。但是我的老板命令我不要使用任何jquery插件作为日期选择器。他的意思是，我必须使用本机代码，只有日期选择器。在没有Javascript的情况下也应该可以工作。

可以在html中创建本地日历吗？

我知道html5支持原生日期选择器；但并不是所有的浏览器都支持它。

我可以得到如下风格的本地日期选择器？

​

​

Answer 1

“原生的”和“没有JavaScript的”是这个想法不能在老的浏览器上工作的地方。您总是可以创建一个HTML5日期选择器，而不支持的浏览器将退回到纯文本框。您可以指示用户以MM/DD/YYYY格式输入日期，并由日期选择器应用此格式，如果日期选择器不可用，则手动应用此格式。

这个页面提供了一些关于HTML5日期选择器的建议：http://html5tutorial.info/html5-date.php

编辑：或者，您可以只创建三个下拉菜单，并让用户选择月、日和年。(当然，在这种情况下，如果没有JS，您就不能根据用户的选择更改一个月的天数，但您始终可以在服务器上验证他们的输入。)

Answer 2

您可以指示用户输入MM/DD/YYYY格式的日期，spryno724

这样，一个简单的html5 placeholder (您也可以设置css placeholder的样式)就足够了。

<input type='text' placeholder='dd/mm/yyyy' name='form[datetime]' id='datetime' />

Answer 3

为什么不让jquery datepicker做个后备呢？

伪代码：

if (! input.supports('date'))
    $(input).datepicker();

这样，如果你的浏览器不支持本机的datepicker，你就会得到一个datepicker。这正是jQuery最初的“不引人注目”的想法。