This is a migrated thread and some comments may be shown as answers.

telerik:RadDatePicker

6 Answers 98 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
jaisabari
Top achievements
Rank 1
jaisabari asked on 05 Jan 2011, 10:27 AM
hi,

We are using rad date picker for date selection in one of our project, as per the requirement the date icon should appear on the left side of the textbox instead if right side, which is the usual scenario. We had look and feel issue while calling RadDatePicker from the left side of the textbox.
The month navigation button directions are not proper.
Am attaching the screen shot here for your reference.

6 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 1
answered on 05 Jan 2011, 11:38 AM
Hello,


Try the following approach to get rtl support for RadDatePicker.

CSS:
<style type="text/css">
    .rtlSupport
    {
        direction: rtl !important;
    }
</style>


Mark-up:
<telerik:RadDatePicker CssClass="rtlSupport" ID="RadDatePicker5" runat="server" Width="258px"
    PopupDirection="BottomRight">
    <Calendar ID="Calendar1" CssClass="rtlSupport" ShowOtherMonthsDays="False" ShowRowHeaders="False"
        UseColumnHeadersAsSelectors="False">
    </Calendar>
</telerik:RadDatePicker>



-Shinu.
0
jaisabari
Top achievements
Rank 1
answered on 05 Jan 2011, 12:29 PM
hi shinu,

Thanks for your fix. the UI looks good now.

0
jaisabari
Top achievements
Rank 1
answered on 05 Jan 2011, 12:43 PM
hi,

We are facing another issue now after fixing the UI. On click of the increment month instead of showing the next month the controls show the previous month content.  Similarly on click of the decrement month instead of showing previous month the control show the next month contents.

Is there any server side fix available for this issue. please revert back!
0
Shinu
Top achievements
Rank 1
answered on 06 Jan 2011, 11:11 AM
Hello Sabari,

You can achieve this by modifying the default CSS like below.

CSS:
<style type="text/css">
    .RadCalendar_[SkinName] .rcTitlebar .rcFastPrev
    {
        background-position: 1px -197px !important;
    }
    .RadCalendar_[SkinName] .rcTitlebar .rcPrev
    {
        background-position: 4px -297px !important;
    }
    .RadCalendar_[SkinName] .rcTitlebar .rcNext
    {
        background-position: 3px -397px !important;
    }
    .RadCalendar_[SkinName] .rcTitlebar .rcFastNext
    {
        background-position: 1px -497px !important;
    }
</style>


Another suggestion is to use an image instead of the default PopUp Button. And attatch onClick event to image. for showing the Pop-Up. Sample code here.

aspx:
   <img src="../Images/calender_popup.jpg" onclick="showPopup()" />
<telerik:RadDatePicker ID="RadDatePicker1" runat="server">
            <DatePopupButton Visible="false" />
    </telerik:RadDatePicker>

javascript:
function showPopup()
  {
      var picker = $find("<%= RadDatePicker1.ClientID %>");
      picker.showPopup();
  }

Thanks,
Shinu.
0
Andrew
Top achievements
Rank 1
answered on 05 Oct 2016, 08:35 PM

When I use RadDatePicker the edit results in data stored as "2016-08-08-00.00.00.000000" which RadDatePicker does not understand if the page is loaded a second time. The backend datasource is VARCHAR 30

 

How can I get rid of the time and have RadDatePicker send data as string like:  08/08/2016  without any time?

0
Konstantin Dikov
Telerik team
answered on 10 Oct 2016, 11:23 AM
Hello Andrew,

The RadDatePicker works with DateTime objects and in your database you need to have date column and not a string one. If you need to store the dates as strings you will have to retrieve the selected date of the RadDatePicker, through its SelectedDate propery, and handle the DateTime object as per your requirements, before passing the value to your database.


Regards,
Konstantin Dikov
Telerik by Progress
Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Tags
Calendar
Asked by
jaisabari
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 1
jaisabari
Top achievements
Rank 1
Andrew
Top achievements
Rank 1
Konstantin Dikov
Telerik team
Share this question
or