change-datetime-parameters-format.md

title	Change DateTime parameter format (HTML5 Report Viewer)
description	How to change DateTime parameter format (HTML5 Report Viewer)
type	how-to
page_title	Change DateTime parameter format (HTML5 Report Viewer)
slug	change-change-datetime-parameters-format
position
tags
ticketid	1381033
res_type	kb

Environment

Product Version	13.0.19.116
Product	Progress® Telerik® Reporting

Description

How could I change DateTime parameter format?

Solution

Telerik Report Viewer uses Kendo UI for its default template. The DateTime parameter is a Kendo UI DatePicker widget which supports formating the value displayed in the input. To change the format, you need to listen for renderingEnd event on the Telerik Report Viewer, which is fired after the report and the parameter area are loaded and rendered on the page. Then get the Kendo DatePicker widget and set the wanted format. For more information on date and time formats please refer to Date Formatting.

$("#reportViewer1")
	.telerik_ReportViewer({                  
		renderingEnd: function () {
        var datepickers = $("#reportViewer1").find("[data-role='datepicker']");
        
        if (datepickers.length) {
            datepickers.each(function (index) {
                $(this).data("kendoDatePicker").setOptions({
                    format: "MM/dd/yy"
                });
            });

        }
    }
...