如何在jQuery-ui中获取日期选择器数据？

Question

How can I get data of a datapicker in jQuery ui? I've the next code but only get default value. (I use only years)

$('#datePickerTempe').datepicker( {
    changeMonth: false,
    changeYear: false,
    dateFormat: 'MM yy',
    //To hide months:
    stepMonths: 12,  
    monthNames: ["","","","","","","","","","","",""], 
    //Range
    minDate: '-4y',  //'M'-> month | 'w'-> week | 'd'-> day
    maxDate: '0y',

    buttonImageOnly: true 
});

$('#datePickerTempe').on('click', function(){ 
console.log('año: '+$('#datePickerTempe').val()); });

Answer 1

Get current date from datepicker (or null if nothing selected):

var selectedDate = $('#datePickerTempe').datepicker("getDate");

You can also add onSelect handler to datepicker :

$('#datePickerTempe').datepicker( {
    onSelect: function (dateText, inst) {
        console.log(dateText);
    }
});

Refer to datepicker getDate method and datepicker onSelect option

Answer 2

<input type="text" id="date" name="date" value=""/>    

<script>
    var date_fields = $('#date');
    date_fields.datepicker({
        format: 'mm/dd/yyyy'
    }).on('changeDate', function(ev){
        date_fields.datepicker('hide');
        date_fields.blur();
    });
</script>

The added scripts http://www.eyecon.ro/bootstrap-datepicker/

Answer 3

$("#datepicker").change(function() {
    alert($(this).val());
});

Works perfectly fine here.