如何学习创建日期选择器

Posted

技术标签:

【中文标题】如何学习创建日期选择器【英文标题】:How to learn creating a datepicker 【发布时间】:2017-08-31 21:33:54 【问题描述】:

我只是想就如何或在哪里学习如何在不使用引导程序或任何构建/完成的 javascript 和 css 的情况下在 html 中创建日期选择器提出一些建议。我想从头开始学习一些开发人员是如何创建这些的。

当您单击文本框时,日期选择器将出现在文本框下方,然后当我单击特定日期时,它将以默认格式在文本框上自动生成。我想练习为生日字段创建一个。

非常感谢! :D

【问题讨论】:

为什么要重新发明***? 先生什么意思? 你为什么要创建一个有很多免费的日期选择器。如果您需要自定义它,那么还有教程。如果你真的需要了解它是如何工作的,那么希望这会help you。 因为我想了解日期选择器是如何创建的以及它是如何工作的。虽然有可供下载的免费日期选择器,但我只想学习最基本或最简单的日期选择器。我已经尝试过该教程,但我指的是单击时会出现日期选择器的文本框。顺便谢谢。 :D 【参考方案1】:

要创建自己的 Datepicker,首先您需要了解 Javascript Date Functions 这个函数是您在日期处理中大部分时间都会用到的。

看看我做的这个示例代码,它不是很完美,但如果我说的话,它可以完成工作

我的日期选择器 https://www.w3schools.com/code/tryit.asp?filename=FED216E6BIIJ

【讨论】:

来自 3 年后,我对这里的代码一无所知。它很乱,但它有效。【参考方案2】:

这里<input type="date" name="date">

【讨论】:

问题是不能在IE 11和firefox中使用。我只想有一个带有 UI 的日期选择器。 这与创建您的自己的日期选择器无关。这是一个内置的浏览器日期选择器。

以上是关于如何学习创建日期选择器的主要内容,如果未能解决你的问题,请参考以下文章

如何只用月份和年份字段显示android的日期选择器?

如何创建新的“圆形”日期选择器 android 对话框

如何动态生成日期选择器引导日期禁用

如何在动态创建的行中添加日期选择器

如何以酥脆的形式在日期字段上显示日期选择器日历?

在片段中创建日期选择器