在ASP.NET页面中使用JQuery MultiDatePicker月

时间:2018-12-18 13:22:52

标签: jquery asp.net jquery-multidatespicker

我想做一个多日期选择器,该选择器每年仅显示12个月,并且一次可以选择一个多月。 我想这样做,但是要选择多个月:

http://jsfiddle.net/jahmekyat/fq4yhpLp/

那是我的做法,但是选择了一个月

<asp:TextBox ID="textboxDate" autocomplete="off" runat="server" CssClass="form-control pull-right input-date-icon monthPicker"></asp:TextBox>

var year = (new Date).getFullYear();
            var month = (new Date).getMonth();

            $(".monthPicker").datepicker({
                maxDate: new Date(year, 11, 31),
                dateFormat: 'MM yy',
                changeMonth: true,
                changeYear: true,
                showButtonPanel: true,

                onClose: function (dateText, inst) {
                    var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
                    var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
                    $(this).val($.datepicker.formatDate('MM yy', new Date(year, month, 1)));
                }
            });

            $(".monthPicker").focus(function () {
                $(".ui-datepicker-calendar").hide();
                $("#ui-datepicker-div").position({
                    my: "center top",
                    at: "center bottom",
                    of: $(this)
                });
            });

0 个答案:

没有答案