JQuery MultiDatePicker для месяцев на странице ASP.NET - PullRequest
Новая
       12

JQuery MultiDatePicker для месяцев на странице ASP.NET

0 голосов
/ 18 декабря 2018

Я хотел бы сделать несколько сборщиков данных, которые показывают только 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)
                });
            });
...