Question

jQuery UI DatePicker to show month year only

TuteeHUB · Accepted Answer

{"id":131737,"user_id":8,"qa_id":95043,"answer_id":0,"answer":"_x000D_
Here's a hack (updated with entire .html file):

$(function() {
            $('.date-picker').datepicker( {
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            dateFormat: 'MM yy',
            onClose: function(dateText, inst) { 
                $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
            }
            });
        });

.ui-datepicker-calendar {
        display: none;
    }

Date :

EDIT
jsfiddle for the above example:
http://jsfiddle.net/DBpJe/7755/

EDIT 2
Adds the month year value to input box only on clicking of Done button.
Also allows to delete input box values, which isn't possible in above field
http://jsfiddle.net/DBpJe/5103/

EDIT 3
updated Better Solution based on rexwolf's solution down.
http://jsfiddle.net/DBpJe/5106 
    ","credit":0,"created_at":"2022-08-16T00:49:08.000000Z","updated_at":"2022-08-16T00:49:08.000000Z"}

Popular Categories

jQuery UI DatePicker to show month year only

Manpreet Singh

Answers (1)

manpreet Best Answer 2 years ago

Similar Forum

Unity hosting a custom piece of code on own website [on hold]

I am needing advice on a web bot [on hold]

date and time picker, that can take a max and min absolute time, compatible with react [on hold]

Explore Other Libraries

Online Exams

Question Bank

Career News

Feeds

Full Forms

Dictionary

Interview Question

Gigs

Quotes

Lyrics

Videos

Courses

Blogs

Tutorials

Forum

Educators

Corporates

Tools

Related Searches

Important Web Technologies Links

Join Our Community Today