Question

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

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

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

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

星期一（5天）星期五（3天，7天，14天）

我不知道从哪里开始： - （

由于

利

Answer 1

0Oki

您可以在一天中选择一个功能。初始化datepicker时执行以下操作：

.datepicker({
   onSelect: function(dateText, inst) { 
               var aDate = dateText.split("/");
               var date = new Date(aDate[2], aDate[1] - 1, aDate[0]); //The - 1 is because the month is zero based.
               alert(date.getDay());
             }
});

您可以解析dataText变量并查明它是星期一还是星期五...而不是相应地填充下拉菜单：）

来源：http://jqueryui.com/demos/datepicker/#event-onSelect

HTH：）

Answer 2

你可以这样做：

$("#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...
        }
    }
});

当用户选择日期时，如果根据所选日期填写<select>。

jsFiddle example here

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

2 个答案: