How to set the control to 24-hour system?

Thread ID:	Created:	Updated:	Platform:	Replies:
142795	Feb 20,2019 06:31 AM UTC	Feb 20,2019 09:50 AM UTC	ASP.NET Core - EJ 2	3

Subscribe to this post

Tags: DateTime Picker

pomelobutter

Asked On February 20, 2019 06:31 AM UTC

hi,How to set the control to 24 hours and add the onchange method to this control, I have to do some validation in js

Reply | Reply with quote

Deepa Loganathan [Syncfusion]

Replied On February 20, 2019 07:14 AM UTC

Hi Pomelobutter,

Thanks for contacting Syncfusion support.

You can set the Time display format and capture Change event of Datetimepicker with the timeDisplayFormat API and Change event of Datetimepicker respectively. This is depicted in the below code.

<ej-date-time-picker id="dtp" time-display-format="HH:mm" change="validate"></ej-date-time-picker>

function validate() {

console.log("DateTimepicker value selected");

}

</script>

Note: The timeDisplayFormat will override the format given in dateTimeFormat.

Please check the below help pages to explore more about the configuration options available in Datetimepicker.

API: https://help.syncfusion.com/api/js/ejdatetimepicker

UG: https://help.syncfusion.com/js/datetimepicker/display-format

Validating Datetime input

You can validate the value Datetime input values by using ValidationRules and ValidationMessages APIs as given in the below help link.

https://help.syncfusion.com/api/js/ejdatetimepicker#members:validationmessage

Regards,

Deepa L.

Reply | Reply with quote

pomelobutter

Replied On February 20, 2019 08:20 AM UTC

hi，I didn't use ej1, I am using ej2 now.

Reply | Reply with quote

Deepa Loganathan [Syncfusion]

Replied On February 20, 2019 09:50 AM UTC

Hi Pomelobutter,

Sorry for the misunderstanding.

You can set the Timeformat of EJ2 Datetimepicker with timeFormat API as given in the below code.

<ejs-datetimepicker id="dtp" change="Validate" timeFormat="HH:mm"></ejs-datetimepicker>

function Validate() {

console.log("DateTimepicker value selected");

}

</script>

Please check the below link to explore more about APIs of EJ2 Datetimepicker.

https://ej2.syncfusion.com/documentation/api/datetimepicker

To implement validation in Datetimepicker, we suggest using our inbuilt Form Validator. In the below help page, we have depicted the usage of Form validator with Datetimepicker.

https://ej2.syncfusion.com/aspnetcore/documentation/datepicker/how-to/client-side-validation

Please check the below API documentation to explore more about the options available in Form Validator plugin and let us know if you have any further queries.

https://ej2.syncfusion.com/documentation/api/form-validator

Regards,

Deepa L.

Reply | Reply with quote

CONTACT US

How to set the control to 24-hour system?

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US