javascript - 刷新变量javascript的值

Question

我需要你的帮助。我使用 jquery 创建日期时间选择器，它们工作正常，但有一个问题:当我将值设置为 datetimepicker 时，它们设置加载页面的时间，当我尝试刷新变量的值时，jquery 崩溃了。请帮忙:

这是我的代码(失败):

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

附注: '{{ now_date|date:'Y-m-d H:i' }}' 这是 django 现在时间

Answer 1

由于您没有链接 jquery datetimepicker() 的引用，我假设你正在谈论这个: http://xdsoft.net/jqplugins/datetimepicker/

为了完成您的任务，您必须:

1. 确保您的时间选择器在使用 document.ready 加载文档后启动
2. 您在 $('#datetimepicker') 上调用 datetimepicker()，然后在已有的 jquery/datepicker 对象上再次调用它，并使用 new参数。我不知道它是否会导致初始化问题，但我可以向你保证它没有用。
3. 如果您想动态更改日期选择器值，则必须使用它自己的方法，如下例所示:http://xdsoft.net/jqplugins/datetimepicker/#runtime_options

代码如下:

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