Question

鉴于以下代码，我如何捕获一个函数，其中只允许用户从datepicker中选择一定范围的日期。

实施例

如果用户在下拉列表中选择每月，则只允许用户 28天。如果用户选择每周，则系统仅允许 5天，每日仅 2days 。

Scenario1：

Date from: 2011-09-01
Date to: 2011-09-31

Result: (prompt) you are only allowed to input within 28 days.

Scenario2：

Date from: 2011-09-01
Date to: 2011-09-20

Result: it will proceed to another page.

如果用户选择无效选择，系统将提示。

提前致谢。

<select size="1" name="duration" id="duration" style="position:relative; top:-212px;     left:-440px; width:100px;">
                <option value="0">Monthly</option>
                <option value="1">Weekly</option>
                <option value="2">Daily</option>
            </select>
        </dd>
    </dl>

                <dl>
                    <dt style="float:left;"><label for="fname" id = "label">Date From:</label></dt>
                    <dd><input type="text" name="timestamp" id="calendar1" class="calendarFocus" size="54"/>
                    </dd>
                </dl>
              <dl>
                    <dt style="float:left;"><label for="fname" id ="label">Date To:</label></dt>
                    <dd><input type="text" name="timestamp1" id="calendar2" class="calendarFocus" size="54"/> 
                </dd>
                </dl>

Answer 1

使用您的业务逻辑向Javascript函数添加onchange事件调用。

<select onchange="callYourFunction(this)" ...>

在函数中，您将执行以下操作：

<script type="text/javascript"> function callYourFunction(oe) {

然后，Javascript函数将检查选择下拉列表的值（oe是对象），并使用alerts()提示。

根据用户输入验证日期

1 个答案: