Date Format Validation in jQuery – datetextentry.js

This option is useful to change the date format in input. Default: “DMY”, Type: String.

EXAMPLE

$('#dob').datetextentry({
   field_order: 'DMY',
});

It define the seprator among the days, months and year. Default: ‘/’, Type: String.

EXAMPLE

$('#dob').datetextentry({
   separator: '-',
});

These options are used to use the custom width for day, month, year and separator respectively. Type: Number.

EXAMPLE

$('#dob').datetextentry({
   field_width_day: 40,
   field_width_month: 40,
   field_width_year: 60,
   field_width_sep: 4,
});

Decide weather to show tooltip text with date input. Default: true, Type: Boolean.

EXAMPLE

$('#dob').datetextentry({
   show_tooltips: true,
});

These options are useful to set custom tooltip text for day, month and year respectively. Type: String. The example shows the defaults.

EXAMPLE

$('#dob').datetextentry({
   field_tip_text_day    : 'Day',
   field_tip_text_month  : 'Month',
   field_tip_text_year   : 'Year',
		
});

These options define the x and y coordinates for tooltip. Type: Number.

EXAMPLE

$('#dob').datetextentry({
     tooltip_x : 0,
     tooltip_y : 6,
});

Enable / disable placeholder hints (dd/mm/yyyy) in date input. Default: true, Type: Boolean.

EXAMPLE

$('#dob').datetextentry({
   show_hints : true,
});

These options are define the hint / placeholder text for date input. Type: String.

EXAMPLE

$('#dob').datetextentry({
    field_hint_text_day   : 'DD',
    field_hint_text_month : 'MM',
    field_hint_text_year  : 'YYYY',
});

Decide whether to show error to users for date validation. Default: true, Type: Boolean.

EXAMPLE

$('#dob').datetextentry({
   show_errors : true,
});

These option define the x and y coordinates for error message box. Type: Number.

EXAMPLE

$('#dob').datetextentry({
   errorbox_x : 8,
   errorbox_y : 3,
});

The following mentioned options (with default values) define the text for errors. Type: String.

EXAMPLE

$('#dob').datetextentry({
        E_DAY_NAN             : 'Day must be a number',
        E_DAY_TOO_BIG         : 'Day must be 1-31',
        E_DAY_TOO_SMALL       : 'Day must be 1-31',
        E_BAD_DAY_FOR_MONTH   : 'Only %d days in %m %y',
        E_MONTH_NAN           : 'Month must be a number',
        E_MONTH_TOO_BIG       : 'Month must be 1-12',
        E_MONTH_TOO_SMALL     : 'Month must be 1-12',
        E_YEAR_NAN            : 'Year must be a number',
        E_YEAR_LENGTH         : 'Year must be 4 digits',
        E_YEAR_TOO_SMALL      : 'Year must not be before %y',
        E_YEAR_TOO_BIG        : 'Year must not be after %y',
        E_MIN_DATE            : 'Date must not be earlier than %DATE',
        E_MAX_DATE            : 'Date must not be later than %DATE',
        E_REQUIRED_FIELD      : 'This field is required',
});

An array of month names. Type: array.

EXAMPLE

$('#dob').datetextentry({
   month_name : [
            'January', 'February', 'March', 'April',
            'May', 'June', 'July', 'August', 'September',
            'October', 'November', 'December'
        ]
});