13 Oct 20171 minute to read

You can globalize the TimePicker, so that users of different cultures can make use of it and post their content. For your convenience, you can format the TimePicker control to your culture. When your blog is in your culture, the viewers of your culture can understand about your company and its products. You can achieve localization using the “Locale” property.

More than 350 culture specific files are available to localize the time. To know more about EJ globalize support, please refer the below link


Seven culture-specific script files are available in the below specified location. For all other culture files, please download from the GitHub location.

(installed location)\Syncfusion\Essential Studio\\JavaScript\assets\scripts\i18n For example, If you have installed the Essential Studio package within C:\Program Files (x86), then navigate to the below location, C:\Program Files (x86)\Syncfusion\Essential Studio\\JavaScript\assets\scripts\i18n

The following code example is used to set TimePicker in Spanish language.

Enabling Localization Support

The following steps explains you on how to enable Locale property for TimePicker.

  1. Add the following code to the corresponding view page to render the TimePicker.
  • /*ej-Tag Helper code to render TimePicker*/
    @*Add the following code example to the corresponding CSHTML page to render TimePicker widget with Spanish culture*@
     <ej-time-picker id="time" locale="es-ES"></ej-time-picker>
  • /*Razor code to render TimePicker*/


    To render the TimePicker Control you can use either Razor or Tag helper code as given in the above code snippet.

    Execute the above code to render the following output.

    TimePicker with es-ES Localization