Tom Tom - 1 year ago 125
Javascript Question

Select the week number of the date picked using jquery datepicker

I have the following code for selecting a date which I then want to convert to a week number.

showWeek: true,
onSelect: function(dateText, inst) {
dateFormat: "'Week Number '" + $.datepicker.iso8601Week(new Date(dateText)),
alert($.datepicker.iso8601Week(new Date(dateText)))

The alert shows the correct week number, but the date does not reformat at all.

I can't move the dateFormat function outside of the onSelect because this causes nothing to happen.

What I would like to achieve is the text field to say something like "Week Number 13"

Any ideas?

Answer Source

I've updated the fiddle to make it work:

In the onselect event, you need to use .val() to override the setting of the textbox value

        showWeek: true,
        onSelect: function(dateText, inst) {
            $(this).val("'Week Number '" + $.datepicker.iso8601Week(new Date(dateText)));


As Igor Shastin pointed out in his comment below we already have the text box in inst.input

inst.input.val($.datepicker.iso8601Week(new Date(dateText)));
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download