Kendo UI DatePicker does not let the user select a date - asp.net-mvc

I am using Kendo DatePicker with MVC 3 (VB.NET, Razor syntax) in IE 7. When i click on the datepicker it does not let me select the date. By default, today's date is selected. If i run the same code on Google chrome, it works fine. Also i investigated this issue using IE developer toolbar for IE 7, and it's showing that "Unselectable" for the datepicker is set to "On". I have no idea how can i switch it off. I can browse the months or years in the datepicker but can't actually select a date. i can also manually enter the date in the datepicker textbox. any help will be really appreciated please.
This is a sample of the code i am writing
<div class="editor-field">
#Html.Kendo().DatePicker().Name("ExtMailDatePicker").Value(DateTime.Now)
#Html.ValidationMessageFor(Function(model) model.Day)
</div>

This issue happens when the version of kendo framework installed and the version of jquery installed don't match. for example
using Q2 SP1 2012 assembly of kendo ui, and using JavaScript files from just Q2 2012 (1.7.1) may cause this issue. after making sure i have the correct files, it works.

Related

dropdown Calendar in mvc 5

I have searched all over the net and have found examples of a dropdown calendar, however it didn't work in any of the web browsers.
I then used:-
<input type="date">
it works perfectly on google chrome, but not on the other browsers.
you are using html 5 datepicker, but not all browser implement datepicker.
if you want to make sure all browser show a calendar, why not use 3rd party such as jquery datepicker https://jqueryui.com/datepicker/

How to add datepicker in MVC without jQuery

How to add datepicker in MVC without jQuery
There's no built in Datepicker in MVC. The nearest to a built-in datepicker would be the HTML 5 datetime input type
<input type="datetime " value="" />
which may show a datepicker in certain browsers, but this may not be supported across all your target browsers and is limited to how you can style it.
In light of this, you may want to look at a JavaScript based datepicker.
I don't think you can no, although when running in Chrome it will allow you to pick dates using a datepicker

jquery datepicker on windows phone not selecting the date

When selecting the date in the standard JQuery datepicker on a Windows 7 phone i found that the date doesn't select for me and the field doesn't fill in the date. This feature works on all other tested devices including (of course the standard desktop) iTouch, iPad and Android. It almost acts like the dom object is not triggering when the datepicker is selected sometimes causing a text field behind the control to take focus. I did manage to get the timepicker (http://fgelinas.com/code/timepicker/) work but not the datepicker.
Has anyone experienced this and found a fix? Thanks in advance for your help!
DateBox has a ton of options and it's built for jQM:
http://dev.jtsage.com/jQM-DateBox/
try to use this line of code :
document.getElementById('container div of datepicker').innerHTML = document.getElementById('container div of datepicker').innerHTML
it seems like crazy and unbeliveable but it works with me

Telerik MVC DatePicker in IE6

I am hoping there is someone here who had encountered and solved this problem with Telerik MVC Grid and DatePicker in IE6 (yes IE6! cant do anything as it's the browser used by the client and they are not upgrading anytime soon).
The setup is like this: A Telerik MVC grid using Ajax binding (select, add , edit, and delete). For add and edit, a popup editor is used. The editor template has a Telerik MVC DatePicker.
Telerik demo has the same setup here.Using IE6, the DatePicker disappears after selecting a date.
This code library submission was posted pretty recently on Telerik's website and it covers a workaround for disappearing DatePickers in IE6.
The code library is not available any more, but I contacted Telerik on their forum and they said this will be fixed for the next version, due in mid March.

Telerik asp.net mvc datepicker "Invalid argument" in Internet Explorer (IE) 8

I am using Telerik asp.net mvc extensions. I have an issue that happens only in IE. I have IE 8. I don't have this issue in Firefox (3.6.3) or Chrome (4.1.249.1059)
The problem happens when I want to pick a particular date by first clicking on the year on top and then the month. At that time, I get Invalid Argument error in jquery-1.4.2.min.js
I am using VS2008 SP1 with ASP.NET MVC 2 RC2.
I have tried this in a new asp.net mvc solution after "manually" modifiying it to become MVC 2 compliant and then doing all that telerik says on this page
link text
And finally using Datepicker in the Home/Index.aspx
<%= Html.Telerik().DatePicker()
.Name("DatePicker")
%>
Has anybody else run into this issue?
I believe that this is a bug related with missing line-height CSS style, which is already fixed. More information about the problem in this forum thread:
http://www.telerik.com/community/forums/aspnet-mvc/datepicker/error-on-page-when-selecting-month.aspx

Resources