Resetting Focus After Selecting A Date With The jQuery Ui Dateselector

Resetting Focus After Selecting A Date With The jQuery Ui Dateselector

If you have been using jQuery I hope you have started using the jQuery UI library. I use the jQuery UI Datepicker plugin to left users select a date from a calendar when they enter a date input field.

If you have been using jQuery I hope you have started using the jQuery UI library. I use the jQuery UI Datepicker plugin to left users select a date from a calendar when they enter a date input field. The plugin works great, but an issue was raised by a user this morning that I had to also solve on with my previous client.

The customer is in the process of migrating from an old school main frame terminal to the more modern web application we were building them. Their normal user experience means tabbing between input fields. The user pointed out that once they selected the date from the datepicker the TAB focus was reset to the top of the DOM. This was not good because the user's normal flow was broken at this point.

The solution was to set the focus of the page back to the input field in the Datepicker's onClose event handler.

$(
".datePicker"
).datepicker({ showOn: 
'button'
, buttonImage: 
'../Images/Calendar.png'
, buttonImageOnly: 
true
, onSelect: 
function
() { }, onClose: 
function
() { $(
this
).focus(); } });

jquery ui

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

UI Designer Vs UI Developer

UI Online Course at OnlineITGuru with 7 years of hands on exp. trainer,Job oriented UI online training with live project in USA,UK,INDIA

UX designer ? UI designer ? UI Developer ?

**The UX designer** is someone who thinks about what should the user flow be like, which page should lead to which page, when should a confirm popup appear or not appear, should there be a listing page before or after a create-new page, should...

A Comprehensive Guide to UI

UI or User Interface is the interface that is the access point where users interact with computers. It is also a way through which users can interact with a website or an application. UI design typically refers to graphical user interfaces but also includes others, such as voice-controlled ones, a keyboard, a mouse, and the appearance of a desktop.

DIFFERENCE BETWEEN UI/UX DESIGNER AND UI/UX ENGINEER

Our UI Online Training will provide you to learn about user interface and its different features with realty. Our UI Online Course also includes live sessions, Projects.

Hire Dedicated Jquery Developer

Are You Looking To Hire a jQuery Programmer? **[HourlyDeveloper.io](https://hourlydeveloper.io/ "HourlyDeveloper.io")**, a leading jQuery application development company, can help you build interactive front-end solutions to leapfrog the digital...