从eternicode bootstrap datepicker不选择日期

Question

我正在使用bootstrap 3.0和bootstrap-datepicker从eternicode现在正在这个输入。

问题是，我默认情况下输入被禁用，因为我不希望用户通过他的手修改日期。

我正在分配一个带日历图形的输入插件来显示日期选择器。但问题是，无论何时我选择日期，输入都不会收到日期。我一直在阅读文档，并且有办法做到这一点，但它仅适用于Bootstrap 2.3.2。

这是我的代码，有谁知道我怎么能从datepicker中选择的日期转移到我禁用的输入？

帮助将非常感谢！

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日期选择器插件的链接：

http://eternicode.github.io/bootstrap-datepicker

Answer 1

我想你需要处理的DatePicker的变化情况..

$('#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