Javascript 允许天数的Jquery日期选择器取决于选择_Javascript_Jquery_Html_Datepicker

Javascript 允许天数的Jquery日期选择器取决于选择

javascript jquery html

Javascript 允许天数的Jquery日期选择器取决于选择,javascript,jquery,html,datepicker,Javascript,Jquery,Html,Datepicker,您好，我有Jquery datepicker，允许选择未来6天，但需要使其取决于选择选项，例如：如果选择一些选择选项，我想datepicker让我选择10天，而不是允许的6天和e.t.c 有人知道怎么做吗 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script s

您好，我有Jquery datepicker，允许选择未来6天，但需要使其取决于选择选项，例如：如果选择一些选择选项，我想datepicker让我选择10天，而不是允许的6天和e.t.c

有人知道怎么做吗

   <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    <!-- <link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">  -->
    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>

    <script>
$(document).ready(function(){
    $("#datepicker").datepicker({ dateFormat: "yy-mm-dd", minDate: -0, maxDate: "0m +0w 6d"} ).val();
    var date=Number($("#date").val());
    $("#date").change(function(){
        var date=Number($("#date").val());
        $("#datepicker").datepicker("destroy");
        if(date===0)
            $("#datepicker").datepicker({ dateFormat: "yy-mm-dd", minDate: -0, maxDate: "0m +0w 6d"} ).val();
        else
            $("#datepicker").datepicker({ dateFormat: "yy-mm-dd", minDate: -0, maxDate: "0m +0w 15d"} ).val();
        $("#datepicker" ).datepicker("refresh");
        console.log(date);
    });
    $(function() {
        $("#datepicker").datepicker().val();
    });
});
</script>

</head>
<body>
    <select name="da" id="date">
        <option value="0">no</option>
        <option value="1">yes</option>
    </select>
    <button id="button">button</button>
    <p>Date: <input type="text" id="datepicker"></p>
</body>
</html>


文件
$（文档）.ready（函数（）{
$（“#datepicker”）.datepicker（{dateFormat:“yy-mm-dd”，minDate:-0，maxDate:“0m+0w 6d”）.val（）；
变量日期=数字（$（“#日期”）.val（）；
$（“#日期”）。更改（函数（）{
变量日期=数字（$（“#日期”）.val（）；
$（“#日期选择器”）。日期选择器（“销毁”）；
如果（日期===0）
$（“#datepicker”）.datepicker（{dateFormat:“yy-mm-dd”，minDate:-0，maxDate:“0m+0w 6d”）.val（）；
其他的
$（“#datepicker”）.datepicker（{dateFormat:“yy-mm-dd”，minDate:-0，maxDate:“0m+0w 15d”）.val（）；
$（“#日期选择器”）。日期选择器（“刷新”）；
控制台日志（日期）；
});
$（函数（）{
$（“#日期选择器”）.datepicker（）.val（）；
});
});
不
对
按钮
日期：

在maxdate函数中定义了6d。也许把它改成10d

   $("#datepicker").datepicker({ dateFormat: "yy-mm-dd", minDate: -0, maxDate: "0m +0w 10d"} ).val();

会有用的。也可以通过向单选按钮添加onClick并在函数中进行设置来调用javascript函数，而不是进行.change。之后重新加载日期选择器，因为它仍在使用旧配置

比如说

<option onClick('changeto5();') value="0">no</option>
    <option onClick('changeto10();') value="1">yes</option>

否
对

您需要向我们展示您的代码和您尝试过的内容。我添加了代码它可以工作，但我需要的是让它在选择选项中使用字符串值