The first step is to create html page and add links to the javascript files and css dependencies to your project. The jqxTimePicker widget requires the following files:
$("#jqxTimePicker").jqxTimePicker("setHours", 1);To set a property (option), you need to pass the property name and value(s) in the jqxTimePicker’s constructor.
$("#jqxTimePicker").jqxTimePicker({ format: "24-hour" });To get a property (option), you need to pass the property name to the jqxTimePicker’s constructor.
var format = $("#jqxTimePicker").jqxTimePicker("format");To bind to an event of a UI widget, you can use basic jQuery syntax. Let’s suppose that you want to get the choosen time when the user clicks. The example code below demonstrates how to bind to the ‘change’ event of jqxTimePicker.
$("#jqxTimePicker").on("change", function (event) { var args = event.args; var newDate = args.value; alert(newDate); });