4

2 つの日付フィールド (開始日と終了日) で日付を選択するために、日付ピッカーを使用しています。

それらでは、デフォルトの強調表示された日付は今日の日付です。2 番目の日付ピッカーで、強調表示されているデフォルトの日付を別の日に変更する必要があります。(例として、今日 + 8 日)。

どうすればこれを正しく行うことができますか?

以下は私の日付ピッカーです、

$(function() {
$( "#datepicker" ).datepicker();
$( "#datepicker" ).datepicker("option", "dateFormat", "yy-mm-dd"); // ISO 8601
$( "#datepicker2" ).datepicker();
$( "#datepicker2" ).datepicker("option", "dateFormat", "yy-mm-dd");
});

ありがとう。

- - - - - - - - - - - - - - - - - アップデート - - - - - - - - --------------------------------

マイケルのスクリーンショットに続いて、

2 日後 (今日 + 2 日) のカレンダー

私は以下を入れます、

$( "#datepicker2" ).datepicker("option", "defaultDate", +2);

21 日 (今日) がハイライトされ、23 日が黒線で囲まれていることがわかります。23 が 21 にハイライティングで似ていることを確認する必要があります。21を強調する必要はありません。

4

6 に答える 6

5 
    $( "#datepicker" ).datepicker("option", "defaultDate", +8);

ソース: http://api.jqueryui.com/datepicker/#option-defaultDate

編集: 現在の日付は、日付ピッカーの一部として常に強調表示されます。この機能をオフにするオプションはありません。「今日」が何であるかをユーザーに明確にするためです。ただし、いくつかの CSS を使用して、これのグラフィカルな外観をオーバーライドできます。

    .ui-datepicker-today a.ui-state-highlight {
        border-color: #d3d3d3;
        background: #e6e6e6 url(/themeroller/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;;
        color: #555555;    
    }
   .ui-datepicker-today.ui-datepicker-current-day a.ui-state-highlight {
        border-color: #aaaaaa;
        background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        color: #212121;
    }

jsfiddle の作業: http://jsfiddle.net/EpWud/

これは、デフォルトのテーマを使用していることを前提としていますが、これと同じ方法をどのテーマでも行うことができます。上記のコードのようにスタイルをオーバーライドするだけです。ただし、この CSS は不完全です。:hover 状態など、他のケースではオーバーライドを行う必要があります。

于 2013-02-21T14:56:29.557 に答える