jQuery UI Datepicker Themes
Note on December 21, 2008: The datepicker is undergoing layout changes. I will update this page when the datepicker style migration is complete.
Note on December 21, 2008: The datepicker is undergoing layout changes. I will update this page when the datepicker style migration is complete.
Comments
I've faced this ISSUE RIGHT here in this Page while viewing in IE 7 also as well as where I implemented in my site. :(
The Date Pickers DO NOT Open as they do in Firefox UNDER Text Input Control. The datepickers Open Up way over the Input Control overlapping whole text Input Control. is this behaviour noticeable by you too? What can I do to have it Open Up fine in IE 7 too?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
The code looks like this:
<input id="debug" type="text" value="click to open">
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("#debug").datepicker({
maxDate: new Date()
});
});
</script>
Thanks,
Rick Stephenson
Would be nice if the link just became inactive though and the same image showed up instead.
Great plugin and themes guys!
i have a question.. this calendar date starts on year 1998... can i change the start date in the ui.datepicker? I have tried to put the option startDate:"01-01-1950", but it seems does't work.. can you help me? thank you! nice work.. neryo
$("#inline").datepicker is not a function
[Break on this error] $("#inline").datepicker({ changeFirstDay: false });
So I can't see any themes
<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" AutoEventWireup="true"
CodeBehind="Index.aspx.cs" Inherits="justcheckDatePicker.Views.Home.Index" %>
<asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server">
<script src="../../Content/date.js" type="text/javascript"></script>
<script src="../../Content/jquery-1[1].2.6.min.js" type="text/javascript"></script>
<script src="../../Content/ui.datepicker.js" type="text/javascript"></script>
<link href="../../Content/ui.datepicker.css" rel="stylesheet" type="text/css" />
<link href="../../Content/ui.theme.css" rel="stylesheet" type="text/css" />
<input type="text" size="10" id="basics" />
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$("#basics").datepicker({ showOn: "button", dateFormat: 'dd-mm-yy', buttonImage: "/Content/calendar.gif",
buttonImageOnly: true
});
$("#basics").dpSetDisabled(true);
});
</script>
</asp:Content>
$("#basics").dpSetDisabled(true); is not working for some reason... any help would be appreciated....
when activating the calendar it always pops up at position (top 397px / left 520px). what do i need to do in order to fix the calendar position so that it pops up directly under the input box / calendar icon?
Thanks a lot.
When datepicker style migration would be complete? some days, weeks or months? Thanks
After some experimenting I found I have to load the theme stylesheet before any other and control the size by adding a stylerule like
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {font-size:0.8em}
in my main stylesheet.
Anybody else having this trouble?