Input dates with text box

Question

What's the standard way to get rid of the three <select> elements and allow users to just type dates in a regular <input type="text"> control?

Requirements include:

• Date format must be D/M/Y
• Existing dates must be printed correctly
• Cannot break date validation

I cannot find any reasonable documentation on this, just hacks in forum threads written by users as clueless as me xD

Clarification: Please note the CakePHP tag. I already know how to handle dates in regular PHP. I need help about the precise CakePHP mechanism I can use to adjust the framework's default functionality (and I really mean adjust rather than override).

So far, I've added this to the model:

public $validate = array(
    'fecha' => array(
        array(
            'rule' => 'notEmpty',
            'required' => true,
        ),
        array(
            'rule' => array('date', 'dmy'),
        ),
    )
);

... and I've composed the field like this inside the view:

echo $this->Form->input(
    'Foo.fecha',
    array(
        'type' => 'text',
    )
);

... but all I can do with this is reading and validating user input: it won't print previous date properly and it won't store new date properly.

Answer 1

Here's a summary of my findings. It seems that the appropriate mechanism is using Model Callback Methods to switch between two date formats:

• Database format, e.g.: 2012-08-28
• Display format, e.g.: 28/08/2012

Steps:

1. Add two utility methods to AppModel to convert between my custom format (aka "display format") and MySQL's default format (aka "DB format").
2. Add an afterFind() filter to my model that converts to display format when read from DB.
3. Render the form control as 'type' => 'text'.
4. Add a 'rule' => array('date', 'dmy') validation rule to the field inside the model.
5. Add a beforeSave() filter to my model that converts to DB format right before saving.

These steps can be encapsulated with a behaviour that implements the afterFind() and beforeSave() callbacks and possibly some others like beforeFind(). The behaviour can be applied directly to AppModel and will take care of traversing data arrays to convert dates between both formats (if the model has an attached table). The code is not trivial but can be done and it makes it all transparent.

Drawbacks:

• Makes code MySQL-only (but, isn't it MySQL-only already?)
• Makes it difficult to localize.
• If you need to do date math, you find yourself with human-readable strings.

It would be more rock-solid to be able to use three formats:

• Database format, e.g.: 2012-08-28
• Display format, e.g.: 28/08/2012
• PHP internal format, e.g. Unix timestamps or DateTime objects

Sadly, the CakePHP core is not designed for that and it all starts getting too complicate if you attemp to implement it this way.

Answer 2

The only possible way looks like letting the user typing whatever he wants do, then checking for its validity when he wants to submit the form or something. Or better, go for jQuery datepicker.

Answer 3

In case you'll write the input fields using the helper, There's a type option for the input method of formhelper. Try this , for instance:

<?php
echo $this->Form->input('birth_dt', array(
    'type'  => 'text',
    'label' => 'Date of birth',
));

EDIT: (after reading your comment)

The solution if so , can be to validate the input value after the submit of the form or using ajax vaildation.