DatePicker/Timepicker始終可見

我有一個域datepicker & timepicker。每當我移動到最後使用的那個頁面datepicker or timepicker都是可見的。例如，如果我在該頁面上使用timepicker，那麼每當我打開timepicker頁面時都會打開。DatePicker/Timepicker始終可見

我的要求是，當我點擊TextBox時，datepicker或timepicker應該可見。

JavaScript函數：

$(document).ready(function() { 
      $("[id$=TextBox1]").pickadate({format: 'dd/mm/yyyy'}); 
      $("[id$=TextBox3]").pickatime({ interval: 10 }); 
      $("[id$=TextBox4]").pickatime({ interval: 10 });    
     });

應該在哪裏更改我的代碼？

請幫我這麼做。

感謝

更新代碼：

對於TextBox1的

<tr> <td class="style10"> 
        <strong> 
       Today 
       </strong> 
       </td> 
       <td class="style13"> 
        <strong> 
       <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
        </strong> 
       </td> 
      </tr>

對於TextBox3

<tr> 
    <td class="style10"> 
        <strong> 
        In Time:</strong></td> 
       <td class="style13"> 
        <strong> 
       <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> 

        </strong> 

       </td> 
      </tr>

對於TextBox4

<tr> 
       <td class="style10"> 
        <strong> 
       OutTime:</strong></td> 
       <td class="style13"> 
        <strong> 
       <asp:TextBox ID="TextBox4" runat="server" onkeyup="sum"></asp:TextBox> 
        </strong> 
       </td> 
      </tr> 
      <tr>

來源

2016-06-28 Kusum

首先，當您訪問該頁面時，檢查該特定字段是否有焦點！ – Rohit416

@ Rohit416如果我使用其他簡單的文本框，那麼沒有問題。 – Kusum

然後它不是'datepicker'或'timepicker'的問題。可能有其他事情正在與該領域進行。至於現在很難從這裏得知。你能發佈一些更相關的代碼部分嗎？ – Rohit416

可以實例選取器在VAR

var picker = $input.pickadate('picker')

並打開或關閉它，當你想：

picker.open() 
picker.close()

通過這種方式，你可以做些什麼像這樣每個選擇器：

$(document).ready(function() { 
      var picker = $("[id$=TextBox1]").pickadate({format: 'dd/mm/yyyy'});   
    });

並添加兩個事件處理程序對每個輸入：

$('#TextBox1').focus(function() { 
    picker.open() 
}); 

$('#TextBox1').focusout(function() { 
    picker.close() 
});

如果你不想手動declarate處理程序爲每個輸入（可小辛苦的），你可以創建參數多態這樣的功能：

function parametrizeHandlers(inputId, picker) { 
    $('#'+inputId).focus(function() { 
     picker.open() 
    }); 

    $('#'+inputId).focusout(function() { 
     picker.close() 
    }); 
}

重要：林supose您正在使用這個API，全規格這裏：

API- pickadate.js

如果你不使用這個API確定你可以做這樣的事情。

來源

2016-06-28 11:31:57 Mikel

是的，我正在使用該API ...已採取該網站的參考。 – Kusum

然後你可以使用我之前解釋過的東西，我已經與其他apis一起使用過。如果open（）和close（）不會銷燬de picker，那麼.stop（）和.start（）就可以做到這一點。 – Mikel

我使用了您的解決方案，但這不能解決我的問題。仍然收到該錯誤。 – Kusum

DatePicker/Timepicker始終可見

回答

相關問題