15

質問への回答を高低で検索しましたが、見つかりませんでした。ただし、2 つの関連する質問が見つかりました: JQuery Datepicker should display date only、jQuery UI DateTimepicker - cannot hide the time

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

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

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

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

時間はテキストボックスから消えますが、日付の末尾に「2013-11-01」というスペースがあります。セパレーターのオプションを試しましたが、うまくいきません。

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

これを解決する方法を知っている人はいますか?

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

4

13 に答える 13

20

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

$("#selector").datetimepicker({
  minView: 2,
  format: 'YYYY-MM-DD'
});
于 2014-12-29T18:35:33.567 に答える
12

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

フォームのロード時

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

実行時

$(".btn").click(function(){ 
    $('#selector').datetimepicker("destroy"); //destroys the previous settings.
    $('#selector').datetimepicker({
        'showTimepicker': false
    });                     
});
于 2013-11-13T05:00:34.003 に答える
5 
$(document).ready(function(){
    $('#selector').datetimepicker({
        viewMode: 'days',
        format: 'DD/MM/YYYY'
    });     
});

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

于 2015-05-18T12:23:19.153 に答える
4

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

    $('#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]);
        });
于 2016-12-24T04:59:06.730 に答える
3

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

$('#selector').datetimepicker(); // When required both functionalities.
$('#selector').timepicker(); // When only time is required.
$('#selector').datepicker(); // Otherwise regular datepicker can be used.
于 2013-11-11T15:20:10.860 に答える
2

これが私の解決策です：

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

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

于 2016-09-25T23:50:55.453 に答える
0 
        <script type="text/javascript">
            $(function () {
                $('#selector').datetimepicker({
                  format: 'YYYY-MM-DD'
                });
            });
        </script>
于 2016-09-10T10:48:50.620 に答える
0

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

于 2013-11-12T08:36:02.190 に答える
-1 
$('#datetimepicker1').datetimepicker({
    viewMode: 'days',
    format: 'DD/MM/YYYY',
  icons: {
      time: 'fa fa-clock-o',
      date: 'fa fa-calendar',
      up: 'fa fa-chevron-up',
      down: 'fa fa-chevron-down',
      previous: 'fa fa-chevron-left',
      next: 'fa fa-chevron-right',
      today: 'fa fa-crosshairs',
      clear: 'fa fa-trash'
    }
});
于 2015-06-15T16:47:51.037 に答える