I am using the telerik raddatepicker as a Birthday picker. I need to upgrade this to support Decade mode. Is this possible with Telerik Datepicker? User first selects the decade with Fastnavigation, then pick the month, then pick the date.
<telerik:RadDatePicker ID="rdpDateOfBirth" runat="server"
DateInput-DateFormat="dd/MM/yyyy"
DateInput-DisplayDateFormat="dd/MM/yyyy"
ShowPopupOnFocus="True" DatePopupButton- ImageUrl="~/styles/images/calendar.png" Width="100"
FocusedDate="1/01/1970" Calendar-UseColumnHeadersAsSelectors="False"
Calendar-UseRowHeadersAsSelectors="False" DatePopupButton-HoverImageUrl="~/styles/images/calendar.png"
Calendar-FocusedDate="1/01/1970 12:00:00 AM" Calendar-RangeMinDate="1/01/1900 12:00:00 AM"
Calendar-RangeSelectionStartDate="1/01/1900 12:00:00 AM" DateInput-MinDate="1/01/1900 12:00:00 AM"
MinDate="1/01/1900 12:00:00 AM" DateInput-ClientEvents-OnError="validateDateOnEror" Calendar-FastNavigationStep="12" Calendar-FirstDayOfWeek="Default">
</telerik:RadDatePicker>
Please help!
It only drills up to a year selector. It's not built for supporting decades, but clicking on the header allows for it to easily select a month/year combination.
The AJAX control toolkit calendar extender does something similarly, but you have to drill up. The header requires being clicked on though, which allows the calendar to drill up to a decade view (decade displaying in the header).
Related
I want to remove 'Today' link from top of the kendo date picker. It should restrict the user to select only Year and not to select Today's date.
<kendo-datepicker formControlName="bg" [bottomView]="'decade'" [topView]="'decade'" [format]="'dd MMM yyyy'">
There is no dedicated built-in option to set the visibility of the "Today" UI, so hiding it through CSS is the most straight-forward option, e.g.:
https://stackblitz.com/edit/angular-zujtgh?file=src%2Fapp%2Fapp.component.ts
I am using kendo ui date picker,
I have a requirement that suppose currently 26 june 2014 is selected, when change the month using month naivgator to july, it should automatically select the 26 date in july month
I don't think it is a good to do it (based on user experience point of view).
Example: I already choose 26 June 2014, then I change the month by pressing the arrow to next month.
I may just want to do it because I want to browse or check what is next month, without having intention to select the date from next month.
And what I see currently from kendo calendar, kendo already automatically mark the selected date (26) with the box, which is good from user experience perspective
So the answer is : it is not recommended to do it, unless you have strong reason to do it.
However, you still can probably do it by using navigate event handler
function onNavigate() {
/*do something*/
}
$("#calendar").kendoCalendar({
navigate: onNavigate
});
txtmonth = '01/2011' (This is a textbox control)
I have a Date Control which should automatically display January 2011. The end user should not able to select month & year from the date control, only the day.
User should select only the date from that month. How to do this?
You can limit the data range they can select by setting the MinDate and MaxDate properties.
This applies to both the DTPicker and the MonthCal controls.
Hi,
I am using a UIPickerView to accept payment card expiry date. As the date does not have date field, I could not use UIDatePicker. Now, I have got a nice picker which accepts months and year, which I stored in an array. So in the picker month section, It starts from Jan, Feb....Dec. But I don't like that. For example, the user should be able only to select Oct, Nov & Dec for the year 2011. The months Jan...Sep should be disabled. They should again get enabled for year 2012. How to do that ??
Thanks
In my ASP.NET MVC 3 application I have a section to add an event which has a start date and an end date. I am using the jQuery DatePicker for these two input boxes which works fine.
My question is how can I put a time next to these dates? So that in the database the start date will read (for exampls) "28/06/2011 11:24AM". My intitial thought was to put a text box to the side of the date input box in which the user could enter the time, and then the time could be added to the end of the date field. Almost like StartDate = StartDate + Time
Any help would be greatly appreciated
You may find the following extension to the jQuery UI Datepicker useful. And yet another one. And another. And one more.