refresh the value of variable javascript

Question

I'm need your helps. I used jquery to create datetime picker, and them work fine, but one problem : When i set value to datetimepicker they set time load the page, when i'm try refresh the value of variable the jquery was crashed. Help please :

There is my code (failed) :

<script type="text/javascript">
var aaa = '{{ now_date|date:'Y-m-d H:i' }}'
$('#datetimepicker').datetimepicker()
        .datetimepicker({value:aaa,step:10});
</script>

P.S. : '{{ now_date|date:'Y-m-d H:i' }}' this is django now time

i don't know if really, i used them for standart example, and this is working, but don't refresh — user3693234
– user3693234, Commented Aug 25, 2014 at 13:43
Try using once $('#datetimepicker').datetimepicker({value:aaa,step:10}); — Yunus Aslam
– Yunus Aslam, Commented Aug 25, 2014 at 13:44
yes) thanks it's working too)) but problem still present, the value not change — user3693234
– user3693234, Commented Aug 25, 2014 at 13:47

pastorello · Accepted Answer · 2014-08-26 13:53:39Z

Since you din't link a reference for jquery datetimepicker(), I assume you're talking about this: http://xdsoft.net/jqplugins/datetimepicker/

In order to accomplish your task, you have to:

be sure that your timepicker starts after document loading using document.ready
you're calling datetimepicker() on $('#datetimepicker'), then you're calling it again on an already jquery/datepicker object, with new parameters. I don't know if it may cause initialization problems, but i can assure you that it's useless.
if you want to change datepicker value on the fly, you have to use it's own method like in this example: http://xdsoft.net/jqplugins/datetimepicker/#runtime_options

here's the code:

<script type="text/javascript">       
    $(document).ready(function(){
        $('#datetimepicker').datetimepicker({
            value : {{ now_date|date:'Y-m-d H:i' }},
            step : 10
        });
    });
    //below, an example of data variable refresh
    $('#datetimepicker').setOptions({value : {{ now_date|date:'Y-m-d H:i' }} });
</script>

Yunus Aslam · Accepted Answer · 2014-08-25 14:17:49Z

0

Try this :

$(document).ready(function(){
    $('#datetimepicker').datetimepicker("setDate", aaa);
}

Try this, if this works then try adding other stuffs.

edited Aug 25, 2014 at 14:17

answered Aug 25, 2014 at 13:52

Yunus Aslam

2,4764 gold badges28 silver badges43 bronze badges

12 Comments

Yunus Aslam Over a year ago

See this stackoverflow.com/questions/606463/…

user3693234 Over a year ago

try simple lile in example, clear field : $('#datetimepicker').datetimepicker("setDate", '{{ now_date|date:'Y-m-d H:i' }}'); or like this $('#datetimepicker').datetimepicker("setDate", new Date(2008,9,03) ); still clear field

Yunus Aslam Over a year ago

When you click on your text box does it show up the date picker ??

Yunus Aslam Over a year ago

What is the ID of your input field in which you are adding datetimepicker ??

user3693234 Over a year ago

sorry, i'm not understand

|

Collectives™ on Stack Overflow

refresh the value of variable javascript

2 Answers 2

Comments

12 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

12 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related