如何从DateTimeType渲染独立字段？视图拆分存储合并方案咨询

Hey there! I get that you want to split a single DateTime field into separate date and time inputs in your view, but keep it as one field in your entity and database—totally makes sense for better UX. Let me share how I usually handle this, depending on the framework you’re using:

Step 1: Leave Your Entity & Database As-Is #

No changes needed here! Keep your entity field as a single \DateTimeInterface type, mapped to a datetime column in your database:

// src/Entity/YourEntity.php
use Doctrine\ORM\Mapping as ORM;

class YourEntity
{
    /**
     * @ORM\Column(type="datetime")
     */
    private ?\DateTimeInterface $eventDateTime = null;

    // Standard getters and setters for eventDateTime
}

Step 2: Split the Field in Your Form Type #

Instead of using DateTimeType, add separate DateType and TimeType fields to your form. Then use form events to populate the split fields when editing, and combine their values into the single entity field on submit:

// src/Form/YourEntityType.php
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\Extension\Core\Type\DateType;
use Symfony\Component\Form\Extension\Core\Type\TimeType;
use Symfony\Component\Form\FormBuilderInterface;
use Symfony\Component\Form\FormEvents;

class YourEntityType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options): void
    {
        $builder
            ->add('eventDate', DateType::class, [
                'label' => 'Event Date',
                'widget' => 'single_text', // Uses a modern date picker input
                'mapped' => false, // Don't map directly to the entity
            ])
            ->add('eventTime', TimeType::class, [
                'label' => 'Event Time',
                'widget' => 'single_text', // Uses a time picker input
                'mapped' => false, // Don't map directly to the entity
            ]);

        // Populate split fields when editing an existing entity
        $builder->addEventListener(FormEvents::PRE_SET_DATA, function ($event) {
            $entity = $event->getData();
            $form = $event->getForm();

            if ($entity?->getEventDateTime()) {
                $form->get('eventDate')->setData($entity->getEventDateTime());
                $form->get('eventTime')->setData($entity->getEventDateTime());
            }
        });

        // Combine date + time into the entity's single DateTime field on submit
        $builder->addEventListener(FormEvents::SUBMIT, function ($event) {
            $form = $event->getForm();
            $date = $form->get('eventDate')->getData();
            $time = $form->get('eventTime')->getData();

            if ($date && $time) {
                $combinedDateTime = \DateTime::createFromFormat(
                    'Y-m-d H:i:s',
                    $date->format('Y-m-d') . ' ' . $time->format('H:i:s')
                );
                $event->getData()->setEventDateTime($combinedDateTime);
            }
        });
    }
}

Step 3: Render the Split Fields in Your View #

In your Twig template, just render the two separate fields like any other form input:

{{ form_row(form.eventDate) }}
{{ form_row(form.eventTime) }}

The core idea is identical—keep your model field as a Carbon instance, split inputs in the view, then combine them in the controller:

Step 1: Model & Database Stay Unchanged #

// app/Models/YourModel.php
use Illuminate\Database\Eloquent\Model;
use Carbon\Carbon;

class YourModel extends Model
{
    protected $casts = ['event_datetime' => 'datetime'];
}

Step 2: Create Split Inputs in Your Blade View #

<div class="form-group">
    <label for="event_date">Event Date</label>
    <input type="date" name="event_date" id="event_date" class="form-control" value="{{ old('event_date', $model->event_datetime?->format('Y-m-d')) }}">
</div>

<div class="form-group">
    <label for="event_time">Event Time</label>
    <input type="time" name="event_time" id="event_time" class="form-control" value="{{ old('event_time', $model->event_datetime?->format('H:i')) }}">
</div>

Step 3: Combine Values in Your Controller #

// app/Http/Controllers/YourController.php
use Illuminate\Http\Request;
use App\Models\YourModel;
use Carbon\Carbon;

public function store(Request $request)
{
    $request->validate([
        'event_date' => 'required|date',
        'event_time' => 'required|date_format:H:i',
    ]);

    $combinedDateTime = Carbon::createFromFormat(
        'Y-m-d H:i',
        $request->event_date . ' ' . $request->event_time
    );

    YourModel::create([
        'event_datetime' => $combinedDateTime,
        // Other fields...
    ]);

    return redirect()->route('your-model.index');
}

Pro Tip: Add Validation #

Don’t forget to validate both the date and time inputs to ensure they’re valid, and that their combination creates a valid DateTime (e.g., no invalid dates like February 30th).

内容的提问来源于stack exchange，提问作者begu