1

このスクリプトをカスタマイズして、今週onclick #startdatepickerの日曜日の日付をyy-mm-dd形式で表示し、#enddatepicker次の土曜日を表示しようとしています。デフォルトで日付。

<script type="text/javascript">
    $(document).ready(function() {
        $("#startdatepicker").datepicker({
            dateFormat: 'yy-mm-dd'
        });
        $("#enddatepicker").datepicker({
            dateFormat: 'yy-mm-dd',
        });
    });
</script>

Start Date: <input type="text" id="startdatepicker"/><br />
End Date: <input type="text" id="enddatepicker"/><br />`
4

4 に答える 4

0

ピッカーでデフォルト値を設定できます。

<script type="text/javascript">
    $(document).ready(function() {
        $("#startdatepicker").datepicker({
            dateFormat: 'yy-mm-dd',
            defaultDate: '12-08-05',
        });
        $("#enddatepicker").datepicker({
            dateFormat: 'yy-mm-dd',
            defaultDate: '12-08-12',
        });
    });
</script>
于 2012-08-02T13:10:43.667 に答える
0

MDNには、に関する優れたドキュメントがあります。この日曜日と次の土曜日に到達するために何日進む必要があるかを調べるためにDate()使用できます。getDay()

http://jsfiddle.net/VesQ/ZdmCE/

$(document).ready(function() {
    // Get current date
    var now = new Date();
    // Get the day, 0 is Sunday and 6 is Saturday
    var day = now.getDay();

    // How many days to this sunday
    var daysToSunday;
    if (day == 0) {
        // Sunday is now
        daysToSunday = 0;
    } else {
        daysToSunday = 7 - day;
    }

    // Days to next saturday is simple:
    var daysToNextSaturday = daysToSunday + 6;

    // See defaultDate option,
    // http://jqueryui.com/demos/datepicker/#option-defaultDate
    $("#startdatepicker").datepicker({
        dateFormat: 'yy-mm-dd',
        defaultDate: daysToSunday
    });
    $("#enddatepicker").datepicker({
        dateFormat: 'yy-mm-dd',
        defaultDate: daysToNextSaturday
    });
});
于 2012-08-02T13:12:41.837 に答える
0

datePicker のデフォルトを (今日の日付に関係なく) 常に次の日曜日にしたい場合は、次を試してください。

$(function() {
    var sunday = new Date(),               // new Date object for current day
        dow = sunday.getDay(),             // day of week (0-6)
        toAdd = dow === 0 ? 0 : 7 - dow;   // days to move forward

    $( "#startpicker" ).datepicker({
        dateFormat: 'yy-mm-dd',
        defaultDate: toAdd
    });

    $( '#endpicker' ).datepicker({
        dateFormat: 'yy-mm-dd',
        defaultDate: toAdd+6
    });
});​

次の土曜日を検索するために同じことができます。さらに 6 日追加するだけです。

http://jsfiddle.net/dYEMn/3

于 2012-08-02T13:24:45.490 に答える
0

defaultDateオプションを使用して、datepicker が開かれ、<input>値が空白のときに表示される日付を指定できます。問題の日付を表す Date オブジェクトまたは文字列を取得し、要素の日付ピッカーを初期化するときにそれらを渡すだけです。

于 2012-08-02T13:07:17.847 に答える