#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