How to get datepicker data in 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()); });

Using a datepicker to select a year is quite an unusual solution... wouldn't a simple dropdown menu be easier for the user? — JJJ
– JJJ, Commented Jan 26, 2013 at 11:20
I prefer datepicker because jqueryui combobox doesn't work fine — vicenrele
– vicenrele, Commented Jan 26, 2013 at 11:55

Zbigniew · Accepted Answer · 2013-01-26 11:23:34Z

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

edited Jan 26, 2013 at 11:23

answered Jan 26, 2013 at 11:18

Zbigniew

27.6k6 gold badges62 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

vicenrele Over a year ago

I think that it doesn't work because the value isn't reloaded if a day is selected. And I don't use days.

Zbigniew Over a year ago

@vicenrele perhaps I don't understand, but value is changing every time you select new date. I have even used your options in my sample and it works, it shows correct date, check it here. I think you are asking wrong question, what exacly you are trying to achive?

vicenrele Over a year ago

Check this out: link If you don't select a day, the value doesn't change. It changes when a day is selected. I'll solve the problem using another option without datepicker

catherine · Accepted Answer · 2013-01-26 11:23:17Z

0

<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/

answered Jan 26, 2013 at 11:23

catherine

22.8k15 gold badges64 silver badges88 bronze badges

Comments

estrar · Accepted Answer · 2013-01-26 11:23:43Z

0

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

Works perfectly fine here.

answered Jan 26, 2013 at 11:23

estrar

1,3734 gold badges12 silver badges38 bronze badges

2 Comments

estrar Over a year ago

@vicenrele then stackoverflow.com/questions/6667149/… should do it.

vicenrele Over a year ago

I think that it doesn't work because the value isn't reloaded if a day is selected. And I don't use days.

Collectives™ on Stack Overflow

How to get datepicker data in jQuery-ui?

3 Answers 3

3 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related