Home/ Questions/Q 7508759
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T22:44:02+00:00

I am using the following to set the date of the datebox plugin <input

  • 0

I am using the following to set the date of the datebox plugin

<input data-id="ti_datebox" type="date" data-role="datebox" data-options='{"useInline":true, "noSetButton":true}'>

$ti_datebox.trigger('datebox', {'method':'set', 'value': theDateStr, 'date':theDate})

However, I can’t set the time with the same code.

<input data-id="ti_datebox" type="date" data-role="datebox" data-options='{"useInline":true, "noSetButton":true, "mode": "timebox"}'>

$ti_datebox.trigger('datebox', {'method':'set', 'value': theDateStr, 'date':theDate});

Ideally, I’d like to set the time based on some string values and not an actual date object.
Is this possible? If not, how can I set the time?
Any help much appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It’s actually easier than you are making it – DateBox has a ‘set’ method as well, that takes a string as a value (in the same format as it outputs as it happens). There is no need to send it a date object as well – it will handle creating that.

    So, you would:

    // For 12hr clock
$('datebox element').trigger('datebox', {'method':'set', 'value':'08:00 AM'});

// For 24hr clock
$('datebox element').trigger('datebox', {'method':'set', 'value':'08:00'});

    A working example is here:

    http://jsfiddle.net/jtsage/AbVqh/1/

    fwiw, if you for some reason need more control, all the set method actually does is change the value in the input box, and call the “refresh” method – which re-reads the input.

    • 0