DatePicker only with Time - Essential Objects, Inc. Support Forum

Welcome Guest

Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » DatePicker only with Time

DatePicker only with Time

Options

Previous Topic · Next Topic

Marcela

Posted: Monday, August 6, 2007 12:28:19 PM

Rank: Newbie
Groups: Member

Joined: 6/28/2007
Posts: 6

I don't know how to set the Date Picker to view only time such 00:00:00.
If you have any update to this topic please send me it.

eo_support

Posted: Monday, August 6, 2007 12:34:18 PM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,095

Hi Marcela,

You can set the DatePicker's PickerFormat to "hh:mm:ss". That way it will only display time. You would also need to set the DatePicker's PopupDownImageUrl, PopupHoverImageUrl and PopupImageUrl to "Blank", that way user won't see the image button next to the text box because they no longer need to pick a date.

Thanks

Marcela

Posted: Tuesday, August 7, 2007 10:11:35 AM

Rank: Newbie
Groups: Member

Joined: 6/28/2007
Posts: 6

I'm still having troubles with the DatePicker working only with time. I send you an example. I change the values of three DatePicker and when i push "Actualizar" the first DatePicker reset your value.

Thanks, Marcela

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>
<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>

<html>
<body>
<form runat="server">
<eo:CallbackPanel ID="CallbackPanel1" runat="server" Height="100%" Width="525px" Triggers="{ControlID:btnUpdate;Parameter:}">
<table height="100%" width="100%" border="0">
<tr>
<td style="vertical-align: top; text-align: center;" align="center">
<table align="center" border="solid" style="font-size: 13px; font-family: arial; width: 280px; border-right: #6699ff 2px solid; border-top: #6699ff 2px solid; border-left: #6699ff 2px solid; border-bottom: #6699ff 2px solid;">
<tr>
<td style="text-align: center; font-weight: bold; vertical-align: middle; background-color: #abc8f0; border-left-color: cornflowerblue; border-bottom-color: cornflowerblue; border-top-style: solid; border-top-color: cornflowerblue; border-right-style: solid; border-left-style: solid; border-right-color: cornflowerblue; border-bottom-style: solid;" align="center" colspan="2">
SNTP</td>
</tr>
<tr>
<td style="width: 160px; border-right: #6699ff 1px solid; border-top: #6699ff 1px solid; vertical-align: middle; border-left: #6699ff 1px solid; border-bottom: #6699ff 1px solid; height: 21px; background-color: whitesmoke; text-align: left;">
Frecuencia RTC</td>
<td style="border-right: #6699ff 1px solid; border-top: #6699ff 1px solid; vertical-align: middle; border-left: #6699ff 1px solid; border-bottom: #6699ff 1px solid; height: 21px; background-color: whitesmoke; text-align: center;">
<eo:DatePicker ID="dptFrecRTC" runat="server" ControlSkinID="None" DayCellHeight="16"
DayCellWidth="19" DayHeaderFormat="FirstLetter" DisabledDates=""
SelectedDates="" TitleLeftArrowImageUrl="DefaultSubMenuIconRTL" TitleRightArrowImageUrl="DefaultSubMenuIcon" PickerFormat='HH:mm:ss' PopupDownImageUrl="Blank" PopupHoverImageUrl="Blank" PopupImageUrl="Blank" MonthGridLineFrameVisible="False">
<TitleStyle CssText="background-color:#9ebef5;font-family:Tahoma;font-size:12px;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;" />
<CalendarStyle CssText="background-color: white; border-right: #7f9db9 1px solid; padding-right: 4px; border-top: #7f9db9 1px solid; padding-left: 4px; font-size: 9px; padding-bottom: 4px; border-left: #7f9db9 1px solid; padding-top: 4px; border-bottom: #7f9db9 1px solid; font-family: tahoma" />
<DayHoverStyle CssText="border-right: #fbe694 1px solid; border-top: #fbe694 1px solid; border-left: #fbe694 1px solid; border-bottom: #fbe694 1px solid" />
<MonthStyle CssText="font-size: 12px; margin-left: 14px; cursor: hand; margin-right: 14px; font-family: tahoma" />
<PickerStyle CssText="font-family:Courier New; padding-left:5px; padding-right: 5px;" />
<DayHeaderStyle CssText="border-bottom: #aca899 1px solid" />
<DayStyle CssText="border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<SelectedDayStyle CssText="background-color: #fbe694; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<DisabledDayStyle CssText="color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<TodayStyle CssText="border-right: #bb5503 1px solid; border-top: #bb5503 1px solid; border-left: #bb5503 1px solid; border-bottom: #bb5503 1px solid" />
<OtherMonthDayStyle CssText="color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<TitleArrowStyle CssText="cursor:hand" />
</eo:DatePicker>
</td>
</tr>
<tr>
<td style="width: 160px; border-right: #6699ff 1px solid; border-top: #6699ff 1px solid; vertical-align: middle; border-left: #6699ff 1px solid; border-bottom: #6699ff 1px solid; height: 21px; background-color: whitesmoke; text-align: left;">
Frecuencia RTC</td>
<td style="border-right: #6699ff 1px solid; border-top: #6699ff 1px solid; vertical-align: middle; border-left: #6699ff 1px solid; border-bottom: #6699ff 1px solid; height: 21px; background-color: whitesmoke; text-align: center;">
<eo:DatePicker ID="DatePicker1" runat="server" ControlSkinID="None" DayCellHeight="16"
DayCellWidth="19" DayHeaderFormat="FirstLetter" DisabledDates=""
SelectedDates="" TitleLeftArrowImageUrl="DefaultSubMenuIconRTL" TitleRightArrowImageUrl="DefaultSubMenuIcon" PickerFormat='MM/dd/yyyy HH:mm:ss' PopupDownImageUrl="Blank" PopupHoverImageUrl="Blank" PopupImageUrl="Blank" MonthGridLineFrameVisible="False">
<TitleStyle CssText="background-color:#9ebef5;font-family:Tahoma;font-size:12px;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;" />
<CalendarStyle CssText="background-color: white; border-right: #7f9db9 1px solid; padding-right: 4px; border-top: #7f9db9 1px solid; padding-left: 4px; font-size: 9px; padding-bottom: 4px; border-left: #7f9db9 1px solid; padding-top: 4px; border-bottom: #7f9db9 1px solid; font-family: tahoma" />
<DayHoverStyle CssText="border-right: #fbe694 1px solid; border-top: #fbe694 1px solid; border-left: #fbe694 1px solid; border-bottom: #fbe694 1px solid" />
<MonthStyle CssText="font-size: 12px; margin-left: 14px; cursor: hand; margin-right: 14px; font-family: tahoma" />
<PickerStyle CssText="font-family:Courier New; padding-left:5px; padding-right: 5px;" />
<DayHeaderStyle CssText="border-bottom: #aca899 1px solid" />
<DayStyle CssText="border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<SelectedDayStyle CssText="background-color: #fbe694; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<DisabledDayStyle CssText="color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<TodayStyle CssText="border-right: #bb5503 1px solid; border-top: #bb5503 1px solid; border-left: #bb5503 1px solid; border-bottom: #bb5503 1px solid" />
<OtherMonthDayStyle CssText="color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<TitleArrowStyle CssText="cursor:hand" />
</eo:DatePicker>
</td>
</tr>
<tr>
<td style="width: 160px; border-right: #6699ff 1px solid; border-top: #6699ff 1px solid; vertical-align: middle; border-left: #6699ff 1px solid; border-bottom: #6699ff 1px solid; height: 21px; background-color: whitesmoke; text-align: left;">
Fecha RTC</td>
<td style="border-right: #6699ff 1px solid; border-top: #6699ff 1px solid; vertical-align: middle; border-left: #6699ff 1px solid; border-bottom: #6699ff 1px solid; height: 21px; background-color: whitesmoke; text-align: center;">
<eo:DatePicker ID="dtpFechaRTC" runat="server" ControlSkinID="None" DayCellHeight="16"
DayCellWidth="19" DayHeaderFormat="FirstLetter" DisabledDates="" OtherMonthDayVisible="True"
SelectedDates="" TitleLeftArrowImageUrl="DefaultSubMenuIconRTL" TitleRightArrowImageUrl="DefaultSubMenuIcon"
VisibleDate="2007-04-01">
<TitleStyle CssText="background-color:#9ebef5;font-family:Tahoma;font-size:12px;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;" />
<CalendarStyle CssText="background-color: white; border-right: #7f9db9 1px solid; padding-right: 4px; border-top: #7f9db9 1px solid; padding-left: 4px; font-size: 9px; padding-bottom: 4px; border-left: #7f9db9 1px solid; padding-top: 4px; border-bottom: #7f9db9 1px solid; font-family: tahoma" />
<DayHoverStyle CssText="border-right: #fbe694 1px solid; border-top: #fbe694 1px solid; border-left: #fbe694 1px solid; border-bottom: #fbe694 1px solid" />
<MonthStyle CssText="font-size: 12px; margin-left: 14px; cursor: hand; margin-right: 14px; font-family: tahoma" />
<PickerStyle CssText="font-family:Courier New; padding-left:5px; padding-right: 5px;" />
<DayHeaderStyle CssText="border-bottom: #aca899 1px solid" />
<DayStyle CssText="border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<SelectedDayStyle CssText="background-color: #fbe694; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<DisabledDayStyle CssText="color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<TodayStyle CssText="border-right: #bb5503 1px solid; border-top: #bb5503 1px solid; border-left: #bb5503 1px solid; border-bottom: #bb5503 1px solid" />
<OtherMonthDayStyle CssText="color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<TitleArrowStyle CssText="cursor:hand" />
</eo:DatePicker>
</td>
</tr>
<tr>
<td style="width: 160px; border-right: #6699ff 1px solid; border-top: #6699ff 1px solid; vertical-align: middle; border-left: #6699ff 1px solid; border-bottom: #6699ff 1px solid; height: 21px; background-color: whitesmoke; text-align: center;">
<asp:Button ID="btnUpdate" runat="server" Text="Actualizar" Width="120px" />
</td>
<td style="border-right: #6699ff 1px solid; border-top: #6699ff 1px solid; vertical-align: middle; border-left: #6699ff 1px solid; border-bottom: #6699ff 1px solid; height: 21px; background-color: whitesmoke; text-align: center;">
<asp:Label ID="lblInfo" runat="server" Width="120px" ForeColor="Red"></asp:Label>
</td>
</tr>
</table>
</eo:CallbackPanel>

</form>
</body>
</html>

eo_support

Posted: Tuesday, August 7, 2007 11:02:50 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,095

Your code looks fine. Make sure you have the latest version (2007.1.23). This feature has only been added very recently.

Thanks

Marcela

Posted: Wednesday, August 8, 2007 6:17:20 AM

Rank: Newbie
Groups: Member

Joined: 6/28/2007
Posts: 6

I have the lastest version.
In the example i send you, please, open the page, change the values of the 3 datePicker, then click "Actualizar" and tell me why the first DatePicker (only with time) reset its value to 00:00:00 while the others two doesn't.
I need the first DatePicker has the same behavior of the two others.

Thanks, Marcela

eo_support

Posted: Wednesday, August 8, 2007 1:37:35 PM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,095

Hi Marcela,

We have confirmed that this is a bug and a new build that addressed this issue has been posted. Please see your private message for download location.

Thanks

Marcela

Posted: Thursday, August 9, 2007 7:06:24 AM

Rank: Newbie
Groups: Member

Joined: 6/28/2007
Posts: 6

Thanks a lot for your attention!!!
Now all works right. Congratulations!!! Applause

I do only a suggestion to you, insted of, for example

dptFrecRTC.SelectedDate = "#01/01/2007 " & hh & ":" & mm & ":" & ss & " AM#"

where the date is irrelevant (i'm only setting time) to be able to set directly:

dptFrecRTC.SelectedDate.Hour = hh
dptFrecRTC.SelectedDate.Minute = mm
dptFrecRTC.SelectedDate.Second = ss

Thanks again Marcela

eo_support

Posted: Thursday, August 9, 2007 7:13:00 AM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,095

Hi Marcela,

Thanks for your suggestion. But that is not possible because SelectedDate is value type, not a reference type. So as soon as dptFrecRT.SelectedDate is evaluated, you get a value type that is already disconnected with our control. Since they are already disconnected, there is no way to set member/properties on it to affect the Calendar.

Thanks

You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Message