时间戳

首页 > 解决方案 > 向客户端表单提交添加日期和时间格式

javascript - 向客户端表单提交添加日期和时间格式

问题描述

我正在使用 bootstrap5 和 ejs 创建一个表单，其中第二个输入应该是“开始日期”。我是新手，无法在文档中找到任何可以让我在表单中放置日期选择器的内容。到目前为止，这是我的表格：

<% layout('layouts/boilerplate') %> 
<div class="row">
    <h1 class="text-center">Create Event</h1>
    <div class="col-6 offset-3">
        <form action="/events/new" method="POST" novalidate class="validated-form">
            <div class="mb-3">
                <label class="form-label" for="event_name">Event name</label>
                <input class="form-control" type="text" id="event[event_name]" name="event[event_name]" required autofocus>
                <div class="valid-feedback">
                    Looks good!
                </div>
            <div class="mb-3">
                <button class="btn btn-success">Create Event</button>
            </div>
            <a href="/events">Event</a>
        </form>        
    </div>
</div>

我的模型正在等待“event_name”下方的“event_start”，但我不知道如何配置表单以确保用户输入正确的格式。

const mongoose = require('mongoose');
const Schema = mongoose.Schema;

const eventSchema = new Schema({
  event_name: String,
  event_start: {
    type: Date,
    required: [true, 'Date & time of event start required']
    },
});

module.exports = mongoose.model('Event', eventSchema);

如何在“event_name”字段正下方的表单中添加一个部分，以强制用户输入符合模型预期的日期/时间？

标签： javascriptnode.jsmongooseejsbootstrap-5

解决方案

推荐阅读