web-dev-qa-db-ja.com

24時間でDateTimePickerタイムピッカーが12時間で表示?

bootstrap= http://eonasdan.github.io/bootstrap-datetimepicker/ からの準備完了日時ピッカーを使用していますが、1つの問題がありますが、うまく機能しています。ちょうどその時からピッカーのセットアップがあります:

$(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時間使用できる特定のデータ形式はありますか?

27
RegDHunter

ピッカースクリプトは moment.js を使用してフォーマット文字列を解析しているため、適切なフォーマット文字列についてはドキュメントを読むことができます。

ただし、24時間は、形式でHHの代わりにhhを使用します。

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

たとえば、正しい24H形式を表示するには、

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

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

セレクターが間違っているようです。チェックしてください

15
Karthick Kumar

これだけ!

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

});

私はv4を使用してうまく動作します!!

6
Gustavo Miño

秒で!

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

将来の日付をスキップするには:

$(function () {
    var date = new Date();
    var currentMonth = date.getMonth();
    var currentDate = date.getDate();
    var currentYear = date.getFullYear();
    $('#datetimepicker,#datetimepicker1').datetimepicker({
        pickTime: false,
        format: "DD-MM-YYYY",  
        maxDate: new Date(currentYear, currentMonth, currentDate + 1)
    });
});
3

他の友人がHHを使用するように言っている理由がわかりませんが、何度もテストした後、正しい24時間形式は次のとおりです。

えー

私はそれを見ます: http://www.malot.fr/bootstrap-datetimepicker/

私はなぜ彼らが24時間のために一般的なタイプHHを使用しないのかわかりません.....

私が間違っているかどうかを誰かが教えてくれるといいのですが…。

3
qakmak

MeridianはAM/PMに関連します。これをfalseに設定すると、AM/PMが不要であることを示すため、暗黙的に24時間時計が必要になります。

$('#timepicker1').timepicker({showMeridian:false});
2
Aaska Patel

質問が出されてからかなり時間が経ったことを知っています。しかし、それが私のために働いた人を助けるなら。

 $(function() {
    $('.datetimepicker').datetimepicker({
        format: 'MM-DD-YYYY HH:mm '
    });
});
1
Sagar Nair

次のように、パラメータ "se24hours"および "language"を使用してこれを行うこともできます。

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

'DD/MM/YYYY hh:mm A' => 12時間 'DD/MM/YYYY HH:mm A' => 24時間

0
Jegan