Question

我的下拉框中有3个选项如果选择第一个选项，则最短日期应为2013年，最长日期为2015年如果选择第二个选项，则最小日期应为2009年，最长日期为2014年如果选择第3个选项，那么最小日期将是2005年，最大日期将是2008年这是我的应用程序截图

Using Thread Local Storage in a Dynamic-Link Library

例如。如果用户选择LKG，那么最小日期将是2013年，最大值将是2015年，以便用户可以在此之间选择日期。我尝试过像这样的代码

 <select class="form-control" onclick="chk()"  style="margin-left: 5px" name="app_for_class" id="app_for_class">
            <option name="app_for_class" value="LKG">LKG</option>
            <option name="app_for_class" value="UKG">UKG</option>
            <option name="app_for_class" value="1st">1st Standard</option>


 </select>

<input class="form-control" type="date" required="true"  id="date" name="date" style="margin-left: 20px;width: 210px">

这里是html代码

FreeLibrary()

Answer 1

我稍微修改了你的jQuery函数 -

function chk(){
    var sname = $('#app_for_class').find(":selected").text();
    if(sname=='LKG'){
        $('#date').datetimepicker({
            minDate: new Date(2013, 1 - 1, 1),
            maxDate: new Date(2015, 11 - 1, 30)
        });
    }
}

接下来，您应捕获下拉列表中的onChange()事件并调用chk()函数 -

$("#app_for_class").change(function() {
    chk();
});

您的HTML不应包含onClick -

<select class="form-control" style="margin-left: 5px" name="app_for_class" id="app_for_class">

根据下拉选项更改日期时间mindate和maxdate

1 个答案: