Question

我的页面中有两个日期选择器。第一个日期选择器应该启用日期从前一天开始的日期（例如今天是2016年11月19日，然后是2016年11月17日开始的第一个日期选择器值）和第二个日期选择器应该从第一个日期选择器选择值开始工作日（意味着如果我选择2016年11月18日，那么我的第二个日期选择器应该可以使用到2016年11月25日但不超过该值并且不接受值）我的代码是

    <html>
    <head>
<link href="https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <script type="text/javascript">
            $(function () {
                $("#txtFrom").datepicker({
                    minDate:0
                });
                var dates = $("#txtFrom,#txtTo").datepicker({
                    minDate: '0',
                    maxDate: '+7D',
                    onSelect: function (selectedDate) {
                        var option = this.id == "txtFrom" ? "minDate" :maxDate",
                        instance = $(this).data("datepicker"),
                        date = $.datepicker.parseDate(
                        instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                        selectedDate, instance.settings);
                        dates.not(this).datepicker("option", option, date);
                    }
                });
            });
        </script>
        <style type="text/css">
            .ui-datepicker {
                font-size: 8pt !important;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <div class="demo">
                <label for="from">From</label>
                <asp:TextBox ID="txtFrom" runat="server" />
                <label for="to">to</label>
                <asp:TextBox ID="txtTo" runat="server" />
            </div>
        </form>
    </body>
    </html>

在这里，我并没有完全得到我想要的输出。请帮助我找到解决方案。

Answer 1

检查JQuery datepicker文档 - http://api.jqueryui.com/datepicker/

你要找的是＆＃34; beforeShow＆＃34;回调和＆＃34; minDate＆＃34;属性。

使用asp.net c＃使用另一个日期选择器限制日期选择器＃

1 个答案: