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

您可以使用defaultDate选项来指定日期选择器在打开时显示的日期，并且<input>' 的值为空白。您需要做的就是获取代表相关日期的 Date 对象或字符串，并在初始化元素上的日期选择器时传递它们。

于 2012-08-02T13:07:17.847 回答
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 回答