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

Remove Tabs

1 Answer 58 Views
DateTimePicker
This is a migrated thread and some comments may be shown as answers.
John
Top achievements
Rank 1
John asked on 02 Jan 2019, 11:46 PM
When using fields with the date/time picker (or even just the date picker) how can we get the picker to skip over the date/time dropdowns? If I enter a date of 1/2/2019 and tab I want it to go to the next field and not the date/time dropdowns. This not only will remove two tabs but also prevent the dropdown from continue to show until someone clicks somewhere else.

1 Answer, 1 is accepted

Sort by
0
Accepted
Rumen
Telerik team
answered on 03 Jan 2019, 08:16 AM
Hello John,

When tabbing you can skip the button of the datepicker and go to the next element by applying tabIndex="-1" and tabStrop="false" to the rendered A tag of the button (see this screenshot):

<script>
    function pageLoad() {
        $find("ctl00_ContentPlaceholder1_RadDatePicker1").get__PopupVisibleControls()[2].setAttribute("tabStop", "false");
        $find("ctl00_ContentPlaceholder1_RadDatePicker1").get__PopupVisibleControls()[2].setAttribute("tabIndex", "-1");
    }
</script>


Regards,
Rumen
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
DateTimePicker
Asked by
John
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or