我现在正在使用eternicode的bootstrap 3.0和bootstrap-datepicker进行此输入。
问题是我默认情况下禁用输入,因为我不希望用户用手修改日期。
我为输入附加组件分配了日历的字形图标以显示日期选择器。问题是,无论何时我选择一个日期,输入都不会收到该日期。我一直在浏览文档,并且有一种方法可以做到,但是仅适用于Bootstrap 2.3.2。
这是我的代码,有人知道如何将日期选择器中的选定日期转移到禁用的输入中吗?
帮助将不胜感激!
html
<div class="form-group">
<label class="control-label" for="fechaTandas">Fecha</label>
<div class="input-group">
<span class="input-group-addon date" id="trigger-datepicker"><span class="glyphicon glyphicon-calendar"></span></span>
<input type="text" class="form-control" name="fechaTandas" disabled="disabled" id="fechaTandas" placeholder="seleccione una fecha">
</div>
js
//JS to trigger the datepicker
$('#trigger-datepicker').datepicker({
format: "yyyy/mm/dd",
language: "es"
});
这是eternicodes datepicker插件的链接:
http://eternicode.github.io/bootstrap-datepicker
最佳答案
我认为您需要处理DatePicker的change事件。
$('#trigger-datepicker').datepicker()
.on("changeDate", function(e){
$('#fechaTandas').prop('disabled',false);
$('#fechaTandas').val(e.format('yyyy/mm/dd'));
$('#fechaTandas').prop('disabled',true);
});
演示:http://bootply.com/88516
关于javascript - 从eternicode引导日期选择器不选择日期,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19450820/