ejDateRangePicker
Namespace: Wisej.Web.Ext.Syncfusion
Assembly: Wisej.Web.Ext.Syncfusion (4.1.0.0)
The DateRangePicker control displaying two calendars in a web page and allow to pick the two date to form the ranges. Also its calendar consist of flexible option to navigate back and forth from month and years and pick the start and end date in any month. Flexible options of this DateRangePicker provides the easiest way to get the details within the date ranges in application
- C#
- VB.NET
public class ejDateRangePicker : ejBase
Public Class ejDateRangePicker
Inherits ejBase
Constructors
ejDateRangePicker()
Constructs a new instance of the ejDateRangePicker class.
Example:
The following example creates the date range picker and sets the initial range through the options.
var rangePicker = new ejDateRangePicker();
rangePicker.Options.startDate = "11/01/2025";
rangePicker.Options.endDate = "11/15/2025";
rangePicker.Location = new Point(20, 20);
this.Controls.Add(rangePicker);
ejDateRangePicker(options)
Constructs a new instance of the ejDateRangePicker class.
| Name | Type | Description |
|---|---|---|
| options | Object | Initial set of options. |
Example:
The following example creates a date range picker that uses a custom date format.
var rangePicker = new ejDateRangePicker(new
{
dateFormat = "dd/MM/yyyy",
startDate = "01/11/2025",
endDate = "15/11/2025"
});
this.Controls.Add(rangePicker);
Properties
Text
String: Gets or sets the text for the ejDateRangePicker. (Default: "")
The property reads and writes the value option of the widget, which is the selected range as a single string: the start date and the end date formatted according to the dateFormat option and divided by the separator option. The property raises the TextChanged event every time it is assigned. It is not updated when the user selects a range in the browser: handle the change event of the widget to receive the range selected by the user.
Example:
// receive the range selected by the user.
this.rangePicker1.Instance.onChange += new WidgetEventHandler((s, e) =>
{
AlertBox.Show($"Selected range: {e.Data.value}");
});