Дата предварительного просмотра Bootstrap Datepicker, выбранная при нажатии даты

#javascript #jquery #twitter-bootstrap #datepicker

#javascript #jquery #twitter-bootstrap #datepicker

Вопрос:

у меня возникли некоторые проблемы с bootstrap datepicker. Дело в том, что в моей программе пользователь может выбрать более одной даты, и когда они это делают, текстовое поле не может просмотреть все выбранные данные. Я хочу что-то вроде того, что каждый раз, когда они выбирают одну дату, динамически отображается новое текстовое поле или метка с выбранной датой. Как я могу этого добиться? Спасибо

Вот мой код выбора даты:

                <div class='input-group date' id="datetimepicker">
                    @Html.TextBoxFor(model => model.Date, new { style = "background-color: #fff;", id = "date", @Class = "form-control input-sm", required = "required", @readonly = "readonly" })
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
                @Html.ValidationMessage("Date", new { style = "color: red" })

                <script type="text/javascript">
                    $(function () {

                        $('#datetimepicker').datepicker({
                            multidate: true,
                            multidateSeparator: ",",
                            maxViewMode: 1,
                            datesDisabled: [@Html.Raw(ViewBag.dis)],
                            orientation: "bottom left",
                            keyboardNavigation: false,
                            clearBtn: true,
                            daysOfWeekDisabled: "0,6",
                            endDate: @Html.Raw(ViewBag.enddate),
                            startDate: ' 2d'

                        });

                    });
                </script>
  

Комментарии:

1. Сначала я бы удалил код MVC и заменил его фактическим отображаемым HTML. Если я правильно понимаю ваш вопрос, у вас есть ОДИН datepicker, и каждый раз, когда пользователь выбирает дату, другой textbox/label добавляется к списку, который содержит все выбранные значения (будь то 0 или более)?

2. Да, это так, но на самом деле я хочу, чтобы каждый раз, когда пользователь выбирает дату, добавлялось другое текстовое поле / метка ТОЛЬКО с этой датой. Итак, если пользователь выберет 3 даты, будет добавлено 3 текстовых поля / метки. Вы можете мне помочь? спасибо

3. убедитесь, что все в порядке — jsfiddle.net/04L049pr/2