我正在尝试为用户的出生日期创建一个带日期选择器的输入框。我不需要日期范围 - 只是一个以yyyymmdd格式写日期的日期选择器。
有许多选项很重,但轻松选项也会使未来的搜索者受益。我尝试使用以下,但许多有外部依赖,如momentjs,有些甚至没有工作
我不想在我的反应应用程序中包含jQuery,所以任何需要jQuery的东西都不是一个选项。我搜索了3个多小时,安装了很多库,找不到任何轻量级选项。我不关心外观,因为我可以设计自己的CSS。
如何在反应应用程序中实现一个简单的日期选择器,而不使用任何外部依赖项,如momentjs?
这是我的组件代码,现在不包括日期选择器,因为我删除了我安装的所有选项。
import React, { Component } from 'react'
...
...
import MyCustomDateInput from './date-input'
...
...
class EditProfile extends Component {
state = {
...
...
date: '',
...
...
render() {
let {
...
...
date
} = this.state
....
....
return (
<div>
<Title
value="Edit profile"
desc="Edit your profile, add tags and information"
/>
...
...
<MyCustomDateInput/>
...
...
我希望这很轻便:)没有图书馆。只是一个简单的JS
功能,同时利用HTML5
。旁注,有效的日期是yyyy/mm/dd
,这就是你在这里看到的内容。更多info。
但是你得到了你的日期选择器,你可以随心所欲地使用它。希望这有用。
<!DOCTYPE html>
<html>
<body>
<h3>A demonstration of how to access a Date field</h3>
<input type="date" id="myDate" value="mm-dd-yyyy">
<button onclick="datePicker()">Try it</button>
<p id="demo"></p>
<script>
function datePicker() {
let d = document.getElementById("myDate").value;
document.getElementById("demo").innerHTML = d;
}
</script>
</body>
</html>