web-dev-qa-db-ja.com

JQuery Datetimepickerアドオンで日付のみを表示する方法は？

私の質問に対する回答を高低で検索しましたが、1つは見つかりませんでしたが、関連する2つの質問は見つかりました： JQuery Datepickerは日付のみを表示する必要があります 、 jQuery UI DateTimepicker-時間を非表示にできません

しかし、彼らは私の問題を解決しませんでした。

私はTrent Richardsonsのdatetimepickerを使用していますが、テキストボックスに日付のみを表示します。アドオンなしでdatepickerを使用しない理由の答えは、日付時刻と日付のみを表示したい場合があるためです。

次のコードでタイムピッカーを非表示にできます：

    datetimepicker("option", "showTimepicker", false);

時間はテキストボックスから消えますが、日付の末尾にスペースがあります。

    datetimepicker("option", "separator", "");

誰でも私がこれをどのように解決できるかアイデアを得ましたか？

少し明確にしますが、大規模なソリューションで使用できるコンポーネントを作成しようとしています。このコンポーネントは、datetimepickerやdatepickerである必要がある場合があります。この「コンポーネント」には、htmlでラップされた入力（私のdatetimepicker）が含まれています。また、設定可能なプロパティもあり、そのうちの1つはSetDateOnly（）です。これは、日付ピッカーに日付のみを表示するようにしようとしている場所です。

jquerydatetimepicker
13
Robert Persson

このオプションを試してください：

$("#selector").datetimepicker({
  minView: 2,
  format: 'YYYY-MM-DD'
});
17
Ibanêz

次に、showTimePickerを次のように使用できます：-

フォームの読み込み時

$(document).ready(function(){
    $('#selector').datetimepicker({
        'showTimepicker': false
    });     
});

実行時

$(".btn").click(function(){ 
    $('#selector').datetimepicker("destroy"); //destroys the previous settings.
    $('#selector').datetimepicker({
        'showTimepicker': false
    });                     
});
9
GDG
$(document).ready(function(){
    $('#selector').datetimepicker({
        viewMode: 'days',
        format: 'DD/MM/YYYY'
    });     
});

それはこのように動作します。

4
Corrot

これは私のために働いています:)

    $("#selector").datetimepicker({
    minView: 2,
    format: 'dd-mm-yyyy',
    autoclose: true
    });
3
Ashish Thakur

なぜこれが好きではないのですか？

$('#selector').datetimepicker(); // When required both functionalities.
$('#selector').timepicker(); // When only time is required.
$('#selector').datepicker(); // Otherwise regular datepicker can be used.
3
GDG

別のコードが機能しない場合は、このコードを使用できます

    $('#datetimepicker_date_to_view').datetimepicker({
            timepicker:false,
            format:'d.m.Y',
        }).on('change', function() {
            $('.xdsoft_datetimepicker').hide();
            var str = $(this).val();
            str = str.split(".");
            $('#alt_date_field').val(str[2]+'-'+str[1]+'-'+str[0]);
        });
3
sandeep kumar

これは私の解決策です：

  $("#Time").datetimepicker({
      datepicker: false,
      step: 15,
      format: 'g:i a',
    });

JQuery DateTimePickerプラグインv2.3.8の使用

2
Gabriel Reguly

ドキュメントによると：

$("#selector").datetimepicker({
  format: 'L'
});
1
willer2k
        <script type="text/javascript">
            $(function () {
                $('#selector').datetimepicker({
                  format: 'YYYY-MM-DD'
                });
            });
        </script>
0
user5189304

私はこれを試しました…それは私のために働いています。

datetimepicker（）の代わりにdatepicker（）を使用してください

参照： jQuery UI DateTimepicker-時間を非表示にできません

0
user2064570

「コンポーネント」にパラメーターを設定して、datetimepickerまたはdatepickerを含めるかどうかを指定することで、問題を解決しました。欠点は、意図したとおりに簡単に切り替えることができないことです。

0
Robert Persson

私はこれを試しました。それは私のために働いています。次のフォーマットパラメータは、「YYYY-MM-DD」のようにdatetimepickerの下で設定する必要があります

$(document).ready(function(){
  $('#selector').datetimepicker({         
    format: 'YYYY-MM-DD'
  });     
});`
0
ANIL PATEL