jQuery UI DatePicker to show year only

by

**NOTE :
**If anyone have objection that “why i have answered this Question now !” Because i tried all the answers of this post and got no any solution.So i tried my way and got Solution So i am Sharing to next comers****

HTML

<label for="startYear"> Start Year: </label>
  <input name="startYear" id="startYear" class="date-picker-year" />

jQuery

 <script type="text/javascript">
        $(function() {
            $('.date-picker-year').datepicker({
                changeYear: true,
                showButtonPanel: true,
                dateFormat: 'yy',
                onClose: function(dateText, inst) { 
                    var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
                    $(this).datepicker('setDate', new Date(year, 1));
                }
            });
        $(".date-picker-year").focus(function () {
                $(".ui-datepicker-month").hide();
            });
        });

</script>

More Related Contents:

  1. How to add class to div based on radio button selected in it?
  2. jQuery UI DatePicker to show month year only
  3. Can the jQuery UI Datepicker be made to disable Saturdays and Sundays (and holidays)?
  4. putting datepicker() on dynamically created elements – JQuery/JQueryUI
  5. How to disable text selection using jQuery?
  6. How do I pre-populate a jQuery Datepicker textbox with today’s date?
  7. Is it possible to save HTML page as PDF using JavaScript or jquery?
  8. Javascript Array Concat not working. Why?
  9. Passing data to a jQuery UI Dialog
  10. How to change date format (MM/DD/YY) to (YYYY-MM-DD) in date picker
  11. jQuery Drag/Resize with CSS Transform Scale
  12. Apply jQuery datepicker to multiple instances
  13. How do I drag multiple elements at once with JavaScript or jQuery?
  14. Is there a full working example for a jqGrid ColumnChooser? [closed]
  15. Vertical Tabs with JQuery?
  16. Change CSS properties on click
  17. How to get the date from jQuery UI datepicker
  18. Check if date is in the past Javascript
  19. Disable future dates after today in Jquery Ui Datepicker
  20. Customizing the Add/Edit Dialog in jqGrid
  21. JQuery – animate moving DOM element to new parent?
  22. Autocomplete requires you to click twice in iOS after update to 1.11.0
  23. JQuery UI Tabs Causing Screen to “Jump”
  24. script order for jquery with bootstrap
  25. Highcharts – Keep tooltip showing on click
  26. Programmatically drag and drop element onto another element
  27. Remove Datepicker Function dynamically
  28. Bootstrap and jQueryUI Conflict
  29. How to use jQuery UI with Angular 2
  30. Queue AJAX calls

Leave a Comment