1. ホーム
  2. javascript

[解決済み] ブートストラップ日付時間ピッカーで時間を無効にする

2022-11-12 19:38:57

質問

PHP/HTML5とJavaScriptで作成したWebアプリケーションで、bootstrapの日付時刻ピッカーを使用しています。私は現在、ここから1つを使用しています。 http://tarruda.github.io/bootstrap-datetimepicker/

時間を指定せずにコントロールを使用する場合、動作しません。空白のテキストボックスが表示されるだけです。

日付と時刻のピッカーから時刻を削除したいだけなのです。このための解決策はありますか?

<div class="well">
    <div id="datetimepicker4" class="input-append"> 
        <input data-format="yyyy-MM-dd" type="text"></input> 
        <span class="add-on"> 
            <i data-time-icon="icon-time" data-date-icon="icon-calendar"> </i> 
        </span> 
    </div> 
</div> 
<script type="text/javascript"> 
    $(function() { 
        $('#datetimepicker4').datetimepicker({ pickTime: false }); 
    }); 
</script>

どのように解決するのですか?

以下のスニペットを参照してください。

<div class="container">
<div class="row">
    <div class='col-sm-6'>
        <div class="form-group">
            <div class='input-group date' id='datetimepicker4'>
                <input type='text' class="form-control" />
                <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span>
                </span>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function() {              
           // Bootstrap DateTimePicker v4
           $('#datetimepicker4').datetimepicker({
                 format: 'DD/MM/YYYY'
           });
        });      
    </script>
</div>

参照できるのは http://eonasdan.github.io/bootstrap-datetimepicker/ を参照してください。 これでうまくいくはずです。

国際化に対応するためのアップデート

moment.jsのローカライズされた形式を使用する。

  • L 日付のみ
  • LT 時間のみ
  • L LT 日付と時刻の場合

その他のローカライズされたフォーマットについては、moment.jsのドキュメントを参照してください( https://momentjs.com/docs/#/displaying/format/ )