2014-02-18 115 views
25

我使用http://eonasdan.github.io/bootstrap-datetimepicker/的引導程序準備好的日期時間選擇器,它的工作很好,但對於一個問題。我有一個選擇器設定距離時像這樣:DateTimePicker時間選擇器在24小時內,但在12小時內顯示?

$(function() { 
    $('#startTime, #endTime').datetimepicker({ 
     format: 'hh:mm', 
     pickDate: false, 
     pickSeconds: false, 
     pick12HourFormat: false    
    }); 
}); 

這臺機械手至24小時,以便我可以選擇19:00的時間。但是,當我選擇這個時候,它會在輸入框中顯示爲07:00。這裏是設置顯示選擇器:

<div class="input-group date timePicker" id="endTime"> 
     <input type='text' class="form-control" readonly="true" 
      id="endTimeContent" /> <span class="input-group-addon"><span 
      class="glyphicon glyphicon-time"></span> </span> 
    </div> 

是否有一個具體的數據格式,我可以在輸入框中使用24時間?

+0

刪除此pick12HourFormat和檢查 –

回答

14
$(function() { 
    $('#startTime, #endTimeContent').datetimepicker({ 
     format: 'HH:mm', 
     pickDate: false, 
     pickSeconds: false, 
     pick12HourFormat: false    
    }); 
}); 

您的選擇似乎是錯的,請由於選擇器腳本使用moment.js解析格式字符串檢查

+1

這有什麼錯呢? – Benjam

+0

啊這麼簡單,我只是假定那部分工作正常,因爲我在時間選擇器中看到了正確的24格式。 – RegDHunter

29

,你可以閱讀的文檔有正確的格式字符串。

但是在24小時內,使用HH代替hh的格式。

$(function() { 
    $('#startTime, #endTime').datetimepicker({ 
     format: 'HH:mm', 
     pickDate: false, 
     pickSeconds: false, 
     pick12HourFormat: false    
    }); 
}); 
11

以顯示正確的24H格式,例如,只放

$(function() { 
    $('#date').datetimepicker({ 
     format: 'DD/MM/YYYY HH:mm', 
    }); 

}); 
0

您還可以使用參數 「use24hours」 和 「語言」 要做到這一點,如下所示:

$(function() { 
 
    $('.datetime').datetimepicker({ 
 
     language: 'pt-br', 
 
     use24hours: true, 
 
    }); 
 
});

3

秒鐘!

$('.Timestamp').datetimepicker({ 
    format: 'DD/MM/YYYY HH:mm:ss' 
}); 

要跳過將來的日期:

​​
3

我不明白爲什麼其他的朋友告訴你使用HH,但經過我測試那麼多的時間,正確的24小時格式爲:

HH

我看到它:http://www.malot.fr/bootstrap-datetimepicker/

我不知道爲什麼他們不使用常見的類型爲HH24小時.....

我希望有人能告訴我,如果我米錯.....

6

就這樣!

$(function() { 
    $('#date').datetimepicker({ 
     format: 'H:m', 
    }); 

}); 

我使用v4並且工作得很好!

2

Meridian屬於AM/PM,通過將其設置爲false,表明您不需要AM/PM,因此您需要24小時制隱式。

$('#timepicker1').timepicker({showMeridian:false}); 
+0

請說明該修復程序是什麼。 StackOverflow不喜歡僅用於代碼的答案,因爲它讓人們很難找出其意圖,甚至根本不值得研究代碼。如果你說出它做了什麼以及它如何解決問題,人們可以弄清楚他們是否想在你的答案中投入時間。我明白,你和我看起來很明顯,這一行代碼的作用是什麼,但它不適合所有可能查看答案的人。 – clearlight

0

我知道這個問題已經過了很長時間了。但是,如果它幫助任何人爲我工作。

$(function() { 
    $('.datetimepicker').datetimepicker({ 
     format: 'MM-DD-YYYY HH:mm ' 
    }); 
}); 
相關問題