Question

我有asp.net web应用程序，用户控件有两个文本框，我通过java脚本分配了timepicker属性。我需要在任何文本框值更改时通过java脚本查找两次（两个文本框之间）的持续时间，并将该持续时间值设置为label。总的来说，我的用户控件包含两个文本框和一个标签。但是我已经尝试但不能在标签中显示持续时间。

这是我的javascript：---

<script type="text/javascript" src="js/jquery.timePicker.js"></script>
<script type="text/JavaScript">
  jQuery(function() {
$("#<%=time3.ClientID %>, #<%=time4.ClientID %>").timePicker();

  // Store time used by duration.
  var oldTime = $.timePicker("#<%=time3.ClientID %>").getTime();
  // Keep the duration between the two inputs.

  $("#<%=time3.ClientID %>").change(function() {
      if ($("#<%=time4.ClientID %>").val()) { // Only update when second input has a value.

          // Calculate duration.
          var duration = ($.timePicker("#<%=time4.ClientID %>").getTime() - oldTime);
         ($.timePicker("#<%=txtTimeDiff.ClientID %>").setTime(new Date(duration)));
          var time = $.timePicker("#<%=time3.ClientID %>").getTime();
          // Calculate and update the time in the second input.
          $.timePicker("#<%=time4.ClientID %>").setTime(new Date(new Date(time.getTime() + duration)));
          oldTime = time;

      }
  });
  // Validate.
  $("#<%=time4.ClientID %>").change(function() {
      if ($.timePicker("#<%=time3.ClientID %>").getTime() > $.timePicker(this).getTime()) {
          $(this).addClass("error");
      }
      else {
          $(this).removeClass("error");
      }
  });
});

我的控件：-----

<asp:TextBox ID="time3" Width="50px" Text="09:00"  runat="server" Height="19px"></asp:TextBox>
<asp:TextBox ID="time4" Width="50px" Text="09:00"  runat="server" Height="19px"></asp:TextBox>
<asp:Label ID="txtTimeDiff" Width="50px" Text="" runat="server" Height="18px"></asp:Label>

在asp.net中使用javascript显示两次之间的持续时间

0 个答案: