Resolve SQL Server Reporting Services date picker control issue in non-IE browser

Screen Shot 10-22-14 at 07.38 PM

  1. Create a virtual directory with name “webapps”.
  2. download public zip file and extract it.
  3. Copy folder “public” to webapps.
  4. Add the below code at the end of the page(Page Path: C:\Program Files\Microsoft SQL Server\MSRS11.MSSQLSERVER\Reporting Services\ReportServer\Pages\ReportViewer.aspx)
    before </body> tags:
<link rel="stylesheet" href="http://localhost/webapps/public/css/reset.css" type="text/css">

<link rel="stylesheet" href="http://localhost/webapps/public/css/default.css" type="text/css">
<link rel="stylesheet" href="http://localhost/webapps/public/css/style.css" type="text/css">
/
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="http://localhost/webapps/public/javascript/zebra_datepicker.js"></script>
<script type="text/javascript" src="http://localhost/webapps/public/javascript/core.js"></script>

<script type="text/javascript">
$(document).ready(function() {
initDatePickers();
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(applicationInitHandler);

function applicationInitHandler() {
initDatePickers();
}

function initDatePickers() {
// if ($.browser.webkit) {
$('[id*=ParameterTable] td span:contains("Date")')
.each(function() {
var td = $(this).parent().next();
$('input', td).Zebra_DatePicker({
format: 'm/d/Y'
});
});
// }
}
});
</script>

`5. Now run your SSRS project.

 

This solution will extend SSRS date picker functionality by adding zebra datepicker for non-IE browsers.
Please let me know if you face any challenge in integration.

 

Arwind Yadav

Arwind Yadav

Arwind Yadav, is a IT professional with over twelve years of experience in conceptualizing, designing and developing software applications. He loves building web apps and has also well versed with all the aspects of e-commerce solutions, mobile applications and automation.

You may also like...