什麼是適當的事件輸入=「文本」

我有一個輸入字段是start_time和end_time和這些字段的格式爲數據格式HH:mm:ss PP。什麼是適當的事件輸入=「文本」

我想要做的是當用戶輸入數據，然後我會做一些AJAX來計算時間。

但是，我有點困惑，因爲我不知道什麼是輸入字段的正確事件。我試過,keyup,focus但仍然不起作用。

這裏是輸入字段start_time：

<div class='input-append' id='datetimepicker2'> 
     <input data-format='HH:mm:ss PP' type='text' name="start_time" id="start_time" value="<?php echo set_value('start_time')?>"/> 
     <span class='add-on'> 
      <i data-date-icon='icon-calendar' data-time-icon='icon-time'> 
      </i> 
     </span> 
     </div> 
    </div> 
    <script type='text/javascript'> 
     $(function() { 
     $('#datetimepicker2').datetimepicker({ 
      language: 'en', 
      pick12HourFormat: true, 
      pickDate: false 
     }); 
     }); 
    </script>

而對於end_time：

<div class='input-append' id='datetimepicker3'> 
       <input data-format='HH:mm:ss PP' type='text' name="end_time" id="end_time" value="<?php echo set_value('end_time') ?>"/> 
       <span class='add-on'> 
        <i data-date-icon='icon-calendar' data-time-icon='icon-time'> 
        </i> 
       </span> 
       </div> 
      </div><script type='text/javascript'> 
       $(function() { 
       $('#datetimepicker3').datetimepicker({ 
        language: 'en', 
        pick12HourFormat: true, 
        pickDate: false 

       }); 
       }); 
      </script>

來源

2013-08-16 leonardeveloper

圍棋爲onblur式，因此當進入輸入字段中的數據和用戶完成獲得焦點出來的事件被觸發的字段。

按照以下

意見，我猜你是用你的代碼bootstrap datepicker編輯。如果不是這樣，請提及您正在使用的數據選取器或js庫。

在引導日期選擇器中，您可以查看您的任務的changedate事件，每次對datepicker值進行更改時都會觸發該事件。你也可以檢查changeYear & & changeMonth事件也是可用的。

這裏是一個demo fiddle使用您提供的代碼，當相應的日期選擇器發生變化時將觸發警報。您可以用任何您想要在更改時執行的代碼來替換它。

示例代碼段

$('#datetimepicker2').datetimepicker({ 
     language: 'en', 
     pick12HourFormat: true, 
     pickDate: false 
}).on('changeDate', function (e) { 
    alert("first one changed"); // replace with your code block 
});;

來源

2013-08-16 14:33:11 mithunsatheesh

並不在我的情況下，先生的工作。因爲我有一個圖標或javascripted timepicker，並且輸入字段中的焦點不會出現在它上面 – leonardeveloper

@LeonardDrapeza：您使用的是哪個日期選擇器？在你的問題中提到代碼或js框架。 – mithunsatheesh

我使用tarruda.github.io/bootstrap-datetimepicker/作爲我的時間選擇器UI – leonardeveloper

什麼是適當的事件輸入=「文本」

回答

相關問題