关于easyui dialog的远程加载有关问题，请教怎么解决

关于easyui dialog的远程加载问题，请问如何解决？
主页面：

    <div id="dlg_merge" class="easyui-dialog" style="width: 80%; height: 600px; padding: 10px 20px;"
         closed="true" modal="false"  href="/MergeSplit/Merge">
    </div>
.....
这个dialog是加载的远程的页面，远程页面的代码如下：

<table id="tt_instock"></table>


<div id="tbs" style="padding: 5px 0">

    <label for="txtInStockTime1">入库日期范围：</label>

    <input id="txtInStockTime1" name="txtInStockTime1" class="easyui-datebox" />


</div>


<script type="text/javascript">

    $(function ()

    {


        $.parser.parse($('#tbs'));

        //debugger;

        initData();

    });

    function initData()

    {


        

        var ff = $('#txtInStockTime1');

        console.log(ff);

        console.log(ff.datebox('getValue'));

        ff.datebox('setValue', '2015-09-01');

        console.log(ff.datebox('getValue'));


    }


</script>

现在出现的问题是，txtInStockTime1的datebox('setValue', '2015-09-01');执行成功了，没有报错，但是界面上显示的是空白，没有日期显示出来，而用getvalue，却又能取出刚刚设置的值出来，请问是为什么呢？应该怎么修改代码才能达到效果呢？
------解决思路----------------------

  ff.datebox();//先初始化组件先

        ff.datebox('setValue', '2015-09-01');

        console.log(ff.datebox('getValue'));