Date Picker Customization

2 posts, 0 answers
  1. Anzar
    Anzar avatar
    62 posts
    Member since:
    Sep 2012

    Posted 04 Oct 2012 Link to this post

    Hi,
    how to use date picker to only pick for year and show only the year.

    By
    Anzar.M
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 05 Oct 2012 Link to this post

    Hi Anzar,

    One suggestion is that you can use RadMonthYearPicker by overriding the default CSS as follows.

    CSS:
    <style type="text/css">
            .RadCalendarMonthView_Default #rcMView_Jan, .RadCalendarMonthView_Default #rcMView_Feb, .RadCalendarMonthView_Default #rcMView_Mar, .RadCalendarMonthView_Default #rcMView_Apr, .RadCalendarMonthView_Default #rcMView_May, .RadCalendarMonthView_Default #rcMView_Jun, .RadCalendarMonthView_Default #rcMView_Jul, .RadCalendarMonthView_Default #rcMView_Aug, .RadCalendarMonthView_Default #rcMView_Sep, .RadCalendarMonthView_Default #rcMView_Oct, .RadCalendarMonthView_Default #rcMView_Nov, .RadCalendarMonthView_Default #rcMView_Dec
            {
                display: none !important;
            }
    </style>

    ASPX:
    <telerik:RadMonthYearPicker ID="RadMonthYearPicker1" runat="server" DateInput-DisplayDateFormat="yyyy"  DateInput-DateFormat="yyyy">
    </telerik:RadMonthYearPicker>

    Hope this helps.

    Regards,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top