Rank 1
I have calender registered like:
<%= Html.Telerik().Calendar().Name("DateCalendar")
.ClientEvents(events => events.OnChange("OnPurchaseDateChanged"))
%>
I have ScriptRegistar in master page, the final generated Html code contains:
<link type="text/css" href="/Content/site.css" rel="stylesheet" />
<link type="text/css" href="/Content/2010.3.1318/telerik.common.min.css" rel="stylesheet"/>
<link type="text/css" href="/Content/2010.3.1318/telerik.sunset.min.css" rel="stylesheet"/>
<script type="text/javascript" src="/Scripts/2010.3.1318/telerik.common.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.3.1318/telerik.menu.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.3.1318/telerik.calendar.min.js"></script>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function(){
if (!jQuery.telerik) jQuery.telerik = {};
jQuery.telerik.cultureInfo={"shortDate":"dd/MM/yyyy","longDate":"MMMM-dd-yy","longTime":"h:mm:ss tt","shortTime":"h:mm tt","fullDateTime":"MMMM-dd-yy h:mm:ss tt","sortableDateTime":"yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss","universalSortableDateTime":"yyyy\u0027-\u0027MM\u0027-\u0027dd HH\u0027:\u0027mm\u0027:\u0027ss\u0027Z\u0027","generalDateShortTime":"dd/MM/yyyy h:mm tt","generalDateTime":"dd/MM/yyyy h:mm:ss tt","monthDay":"MMMM dd","monthYear":"MMMM, yyyy","days":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"abbrDays":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"abbrMonths":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],"months":["January","February","March","April","May","June","July","August","September","October","November","December",""],"am":"AM","pm":"PM","dateSeparator":"/","timeSeparator":":","firstDayOfWeek":0,"currencydecimaldigits":2,"currencydecimalseparator":".","currencygroupseparator":",","currencygroupsize":3,"currencynegative":1,"currencypositive":0,"currencysymbol":"$","numericdecimaldigits":2,"numericdecimalseparator":".","numericgroupseparator":",","numericgroupsize":3,"numericnegative":1,"percentdecimaldigits":2,"percentdecimalseparator":".","percentgroupseparator":",","percentgroupsize":3,"percentnegative":0,"percentpositive":0,"percentsymbol":"%"};
jQuery('#MainMenu').tMenu({effects:{list:[{name:'property',properties:['opacity']}],openDuration:400,closeDuration:400}});
jQuery('#PurchaseDateCalendar').tCalendar({minDate:new jQuery.telerik.datetime(1899,11,31), maxDate:new jQuery.telerik.datetime(2100,00,01), onChange:OnPurchaseDateChanged});});
//]]>
</script>
It looks like all the required CSS and JS are there. But when I click on any date, the selected day does not change background code. I inspected DOM, and "t-state-selected" class is not assigned to the <td> of selected date.
Any clue?
Thanks
Hardy
1 Answer, 1 is accepted
Rank 1
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>Test</title> <script type="text/javascript" src="<%: Url.Content("~/Scripts/2010.3.1318/jquery-1.4.4.min.js") %>"></script> <%= Html.Telerik().StyleSheetRegistrar() .DefaultGroup(group => group.Add("telerik.common.css") .Add("telerik.sunset.css"))%> </head> <body> <%= Html.Telerik().Calendar().Name("PurchaseDateCalendar") %> <% Html.Telerik().ScriptRegistrar().jQuery(false).Globalization(true).Render(); %> </body> </html>
And I can reproduce the issue. Now the only thing I changed it to include telerik.vista.css in StyleSheetRegistrar, now it works!
Somebody from Telerik could confirm?