У меня есть средство выбора даты.поэтому, когда я выбираю год из средства выбора даты, выбранный год должен отображаться в виде тега в указанном поле ввода
Код
<div class="panel-body">
<form id="sbYearRevForm" class="form-horizontal" method="post">
<div class="form-group">
<label class="col-sm-2 control-label">Year(s)<span style="color: red"> *</span></label>
<div class="col-sm-10">
<!-- <input type="tel" pattern='\d{9}' id="msisdn" name="msisdn" placeholder="Subscriber No.(77xxxxxxx)" class="form-control input-sm" required> -->
<input type="text" id="yearPicker" name="years" class="form-control input-sm" data-role="tagsinput" required>
</div>
</div>
соответствующих функций jQuery следующим образом.
$('#yearPicker').tagsinput({
typeaheadjs: {
minViewMode: 2,
format: 'yyyy',
multidate: true,
endDate: '+0y',
startDate: '2016'
}
});
$('.bootstrap-tagsinput input[type="text"]').datepicker({
minViewMode: 2,
format: 'yyyy',
multidate: true,
endDate: '+0y',
startDate: '2016',
onSelect: function(dateText) {
$('#yearPicker').tagsinput('add', dateText);
}
});
Когда я реализую эти две найденные проблемы.
- Обычно в теге есть маленькая кнопка x в правом верхнем углу, чтобы удалить ее.в соответствии с моим кодом он пропустил.
- В соответствии с требованиями теги должны появляться внутри области ввода текста.но это вышло наружу.
Пожалуйста, смотрите прикрепленный скриншот ниже.Может кто-нибудь предложить мне преодолеть эту проблему?Спасибо.
