.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
david stephan
Gaurav Pal
Post New Web Links

Greater and Less Than Date with jQuery and DatePicker in MVC

Posted By:      Posted Date: October 08, 2010    Points: 0   Category :ASP.Net


I have this date value fetch from a Controller but when I use jQuery Datepicker with validation, the output is not good.
The validation is to check if the value is less than or greater than today's date. JQuery Datepicker works well.

If I select a date two days from now using datepicker, the validation error won't occur. Sad

ViewData("DateToday") = Date.Now.ToShortDateString()

<link href="/css/jQuery/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript"></script>
<script src="/js/jquery.validate.min.js" type="text/javascript"></script>
     <script type="text/javascript">
         $().ready(function () {
             $.validator.addMethod("GreaterThanDate", function (value, element) {
                 return new Date.parse(value) > new Date();

View Complete Post

More Related Resource Links

Text from RequiredFieldValidator doesn't clear after picking date from jQuery UI DatePicker


I'm trying to use a RequiredFieldValidator with a TextBox that has a jQuery UI DatePicker attached to it. I'm finding that selecting a date from the datepicker does not trigger the RequiredFieldValidator to recognize that a value is now present. Thus, only server side validation is working for the RequiredFieldValidator and not client side. Any ideas on how I may fix this issue so both client side and server side validation fires?

Below is some sample code of this issue. To reproduce this situation: 1) Click the PostBack button (RequiredFieldValidator will indicate field is required) 2) Pick a date using the date picker 3) Notice that the RequiredFieldValidator's text still displays when it shouldn't.

<%@ Page
    Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




        rel="stylesheet" />


jQuery Date picker Implementation in ASP.NET

I've posted a wrapper ASP.NET around the jQuery.UI Datepickercontrol. This small client side calendar control is compact, looks nice and is very easy to use and I've added it some time back to my control library.

This is primarily an update for the jQuery.ui version, and so I spend a few hours or so cleaning it up which wasn't as easy as it could have been since the API has changed quite drastically from Marc's original implementation. The biggest changes have to do with the theming integration and the resulting explosion of related resources.

If you want to use this component you can check it out a sample and the code here:

Error on Jquery Date Picker


HI all,

 I am using a Jquery datepicker in my project.There are a lot of pages where I use this date picker and w henever I select any date 

from that ,am getting an error  "length is null or not an object error on line 173"


The HMML for my datepicker control is

<input type="text" id="dpAgreementExpDate" runat="server" maxlength="10" />

jquery datepicker not popping up in Gridview Edit Template textbox


I have a gridview that I can't for the life of me get the datepicker calender to pop up for.  I've been using the datepicker for months very successfully for a variety of textboxes on the page and inside of formviews but this is the first time I've tried using with gridview.  I didn't expect any issues however can't seem to find anything to work.  I have searched the forums for 2 days and attempted any suggestions found within the solutions to no avail.  I've tried using the CSS to link the datepicker but everything stopped working when I changed the code and my page which uses a css style already got all distorted looking.  Please help!

Here is my gridview (only included a part b/c it is large and am only having problem with the datepicker for the date completed text box)

<asp:GridView ID="GridViewCompleted" runat="server" AllowPaging="True" AllowSorting="True"
        AutoGenerateColumns="False" BackColor="#CCCCCC" BorderColor="#999999" BorderStyle="Solid"
        BorderWidth="3px" CellPadding="4" DataKeyNames="job_id" DataSourceID="SourceJobProjectCompleted"
        ForeColor="Black" CellSpacing="2">

Size of jQuery datepicker popup


I have several mvc applications all using the jquery datepicker. One of them the popup appears double size (height and width), obvously it's something I've inadvertantly changed, probably in the css, but I can't figure out what it is. I have tried/applied a few themes and css/site master from the mvc code templates on codeplex, but I just can't figure out what did this one.

Any ideas ?

Jquery date picker in ASP.NET Web user control does not work


Hello, I have the most frustrating problem and being new to JQuery does make it more difficult. I have an ASP.NET web user control with an ASP.NET box which I want to apply a JQuery date picker to, then of course I have server side code which takes the date and processes it etc. The date picker will not work. I can achieve a working JQuery date picker with an ASP.NET textbox if there is no user control involved, or within the user control I use a html text box instead, but once I add runat="server" to the text box, it does not work. Is there a way I can achieve this? (the web user control will be wrapped in an update panel too which at the moment will work with the html control/web user control without the server side functionality)

<%@ Register TagPrefix="TE" TagName="JobHistory" Src="test.ascx"%>

<!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">


    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

    <link h

(MVC & jQuery) Can't Add Datepicker to List of form elements



I'm still relatively new to jQuery (mostly finding things I need online and making simple changes). I have the following piece of code in my MVC app to render a partial view

<% int i = 0;
   foreach (var item in Model) { %>

        <td valign="top" style="border: none;">
            <%= Html.TextBox("MeetingList[" + i + "].Start", String.Format("{0:MM/dd/yyyy HH:mm}", item.Start), new { @style = "width: 120px;", @class="start" })%>
        <td valign="top" style="border: none;">
            <%= Html.TextBox("MeetingList[" + i + "].End", String.Format("{0:MM/dd/yyyy HH:mm}", item.End), new { @style = "width: 120px;", @class = "end" })%>

And I've tried the following to grab each of those 'MeetingList[...' items and add a datepicker to them,

        $(".start").each(function(index) {
            var $temp = $('#MeetingList[' + index + '].Start');
}); });


Saving JQuery date back to SQL Server


Hi..my web app uses lots of asp:textboxes and I can save this data back to SQL Server easily using a stored procedure..

however my JQuery datepicker uses an input textbox, how do I save the date entered into this control.

<input id="datepicker"type="text" /> back to server and can I use the same stored procedure that I use for the other data?



Enter the date on the WPF DatePicker input textbox instead

When i type in the date on the date picker and check it on an lostfocus event and i try to read the text or selecteddate its blank?  Am i missing something.  I assumed typing in 5/11/2010 on the input box would either show up on the controls Text or the SelectedDate, but i may be missing something   Thanks

Need urgent help using JQuery DatePicker inside asp.net user control

Hello,I am able to use the DatePicker inside an aspx page with no problem at all but when I try to use that inside a usercontrol it gives me an error "Object expected"I have the links to my Jquery css and script files from the master page and have the following code inside a usercontrol:<script type="text/javascript"><!--    $(document).ready(function() {    var txt1 = document.getElementById('<%= txtDate.ClientID %>');    $(txt1).datepicker({ dateFormat: 'dd/mm/yy', duration: ''   });    });          // --></script><asp:TextBox ID="txtDate" runat="server"></asp:TextBox>

jQuery Date Picker

I am using following attached date picker. http://rapidshare.com/files/417385026/jQuery_Date_Picker.zip http://www.2shared.com/file/d2NK63P-/jQuery_Date_Picker.html Problem is if i don't use font-size tag in the body of the HTML page date picker size becomes too big . I tried using Font-size tag with the div/table/td inside which i put the asp textBox which has date picker but it doesn't work, it works only with body to reduce the datepicker size. Please let me know how i can reduce the size of this date picker without actually reducing the font size of the whole page. Here are screen shots With font size tag in body http://img835.imageshack.us/i/92688528.jpg Without font size tag in body http://img833.imageshack.us/i/48042121.jpgjQuery that i am usinghttp://jqueryui.com/demos/datepicker/#dropdown-month-year Thank You.

how to jquery date convert to Timestamp


how to jquery date convert to  Timestamp

MVC 2: How do you set a date by a datepicker in a grid?


I am new to MVC.

I have created a grid in my view using a foreach loop and a partial view;

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<SHP.WebUI.Models.ChristmasShutdownExtended>" %>
            <td align="right"><%: Model.AvailableDate%><%: Html.HiddenFor(model => model.AvailableDate)%></td>
            <td><%: Model.Day%></td>

jQuery DatePicker goes away after postback.


I am using the version 1.8.5 DatePicker on a page in an ASP.Net 3.5 application. It is being used in an Ajax Modal Popup which is on a user control. The date picker is used as part of the criteria for a database search. On the initial load, the calendar button image is shown and the calendar works as normal. If the search crieteria does not return any values, a postback is completed and as expected the modal popup dissapears. However, if the button causing the modal popup to show is clicked again, the datepicker button image does not show and the associated textbox does not show the behaviour of the datepicker.

There is nothing in the code that I can see that would prevent the datepicker behaviour to disappear. The remainder of the controls on the popup work fine.

I am new to jQuery UI and so I am not sure where to even look. Any help on this would be greatly appreciated.

how to save and retrive date in database using jquery ajex asp.net ,JSOn,XML,HTML


how to save and retrive  date in database using  jquery ajex asp.net ,JSOn,XML



HI to every one

 i am having a problem with jquery  ...

 what is that means

 i am using jqury auto fill in my asp.net page  in 3 places and  i am using a westwind datepicker .dll 

 when i am running the page auto suggest is commig and errors in the page (ie for jquerydate picker )

object does not support this type

 can  any one sort out this problem please


popout jquery datepicker from asp.net textbox




i have a simple asp.net textbox.

please can someone provide me with an example so that when the user clicks inside the textbox, a jquery datepicker popsout?

also, i need it so that when the user clicks a date in the datepicker, the textbox is populated with this date.

many many thanks 

ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend