How to programatically set a date in jquery mobile Datebox plugin 1.1.0

Question

I want to programmatically set date for the input with datebox control, For this i know i can use something like this

$(element).trigger('datebox', {'method':'set', 'value':'dateString'});

but this doesn't seem to update the control(i.e when i open the calendar, it is set to current date and not equal to the value in the input field)

EDIT: based on JTsage's pointers i overwrote the default dateformat to mm/dd/yyyy, using sth like this.

jQuery.extend(jQuery.mobile.datebox.prototype.options.lang, {
    'en': {
        dateFormat: '%m/%d/%Y'

    }
});
jQuery.extend(jQuery.mobile.datebox.prototype.options, {
    useLang: 'en'
});

Then i tried setting the date using sth like this

$(element).trigger('datebox', {'method':'set', value:'07/02/2012'});

but this date is not appearing when i navigate to the page..Interestingly when i tried updating the date from firebug console(being on that page) it updated the field as well as datebox control.

I have no idea why this is happening..Need help, please respond JT

This is the correct method - but it will only work if 'dateString' is in the same format that DateBox is outputting. — J.T.Sage
– J.T.Sage, Commented Jun 30, 2012 at 13:18
Thanks for replying, i think that's the only thing i am missing. Will try that and update the same, again thanks for such a good plugin. — vijay tyagi
– vijay tyagi, Commented Jul 1, 2012 at 15:14

vijay tyagi · Accepted Answer · 2012-07-02 08:24:50Z

7

So finally i fixed the issue, by doing this

jQuery.extend(jQuery.mobile.datebox.prototype.options, {
    'overrideDateFormat': '%m-%d-%Y',
    'overrideHeaderFormat': '%m-%d-%Y'
});

setting the value of the input field explicitly

$(element).val('06-21-2012');

and then refreshing the datebox

$(element).trigger('datebox', {'method':'set', 'value':'06-21-2012'});

answered Jul 2, 2012 at 8:24

vijay tyagi

2,2563 gold badges20 silver badges32 bronze badges

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

1 Comment

bertvh Over a year ago

While this is fine, it would be nicer to be able to set the date by an actual Date object. There is a method for this: $(element).datebox('setTheDate', new Date()); Unfortunately, this does not update the widget.

NorthernEyes · Accepted Answer · 2013-09-11 06:47:01Z

0

I found th solution, try this

 $(element).trigger('datebox', { 'method': 'doset' });

answered Sep 11, 2013 at 6:47

NorthernEyes

1

Collectives™ on Stack Overflow

How to programatically set a date in jquery mobile Datebox plugin 1.1.0

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related