使用制表符内的日期选择器的当前日期问题

时间:2015-05-07 23:15:01

标签: kendo-ui kendo-tabstrip kendo-datepicker

我有这段代码:

<input id="Text1" maxlength="10" />

<script>
    $("#Text1").kendoDatePicker({ value: new Date() });
</script>

使用当前日期显示确定,但如果我将同一项目放在Kendo UI Tabstrip中,则不会显示当前日期。我怎么能解决它?

这是带有问题的代码:

<div id="tabstrip" class="tabstrip" style="height:100%">
<ul>                                         
   <li> <asp:label  ID="tab1"   runat="server" Text="Description" /> </li>                                           
   <li> <asp:label  ID="tab2"   runat="server" Text="Data" /> </li>                                           
</ul>
<div id="Description">
   <input id="Text1" maxlength="10" />
</div>
<div></div>
</div>

<script>
   $("#Text1").kendoDatePicker({ value: new Date() });

 var tabstrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");            

</script>

1 个答案:

答案 0 :(得分:0)

我不确定这个问题的原因,但是使用此代码解决了这个问题:

<script>
  var todayDate = kendo.toString(kendo.parseDate(new Date()), 'MM/dd/yyyy');
  $("#Text1").data("kendoDatePicker").value(todayDate);

  var tabstrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");            

</script>