CSS单独日期字段

时间:2016-07-18 07:27:42

标签: javascript jquery html css frontend

我刚刚开始前端开发,我想知道如何在表单的日期部分实现这样的功能?

Fig 1.0

它只是常规的<select>标签吗?或者我可以使用CSS自定义<input type="date">吗?

3 个答案:

答案 0 :(得分:1)

在该特定情况下,它们看起来像三个<select>方框并排设置

使用<input type="date" />时,这会显示为带日历图标的日期(取决于浏览器),这会生成日历弹出窗口

答案 1 :(得分:0)

type='date'将始终显示带有标签mm/dd/yyyy

的输入框

这些是3个单独的select框。

您可以自定义日期,因为您需要修改其整个说明符和事件。

答案 2 :(得分:0)

我使用<select>标记和JS来验证日期和年份。

参考:Dynamic Date Select (Php/JS)