javascript - 帮助根据日历日期更改选择的表单字段

Question

我这里有一个 jquery 日历 http://offline.raileisure.com/

我正在尝试让持续时间选择框根据选择的日期更改其值。

现在日历只允许您选择星期一或星期五..

我需要选择框仅显示以下选项..

星期一(5 天) 当星期五(3天、7天、14天)

我不知道从哪里开始:-(

谢谢

李

Answer 1

你可以这样做:

$("#datepicker").datepicker({
    onSelect: function(e) {
        var date = new Date(e);
        var day = date.getDay(); // 0 = sunday etc...        
        // clean all the options
        $("#duration").empty();
        // if monday
        if (day === 1) {
            // add "5 days" options
            $("#duration").append("<option value='5'>5 days</option>");
        // else if friday
        } else if (day === 5) {
            // add 3 / 7 / 14 days options
            $("#duration").append("<option value='3'>3 days</option>"
                                  + "<option value='7'>7 days</option>"
                                  + "<option value='14'>14 days</option>");
        } else { // else...
        }
    }
});

当用户选择日期时，if 填充 <select>根据所选日期。

jsFiddle example here