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

Question

如何在jQuery ui中获取数据选择器的数据？ 我有下一个代码，但仅获取默认值。 （我只用几年）

$('#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

从datepicker获取当前日期（如果未选择，则返回null）：

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

您还可以将onSelect处理程序添加到datepicker ：

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

请参阅datepicker getDate方法和datepicker onSelect选项

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>

添加的脚本http://www.eyecon.ro/bootstrap-datepicker/

Answer 3

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

在这里工作完美。