来自eternicode的bootstrap datepicker没有选择日期

时间:2013-10-18 13:23:49

标签: javascript jquery twitter-bootstrap datepicker twitter-bootstrap-3

我正在使用来自eternicode的bootstrap 3.0和bootstrap-datepicker正在处理此输入。

问题是我默认输入被禁用,因为我不希望用户手边修改日期。

我正在为日历的glyphicon分配一个输入插件来显示日期选择器。但问题是,每当我选择日期时,输入都不会收到日期。我一直在浏览文档,并且有一种方法可以做到这一点,但它仅适用于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 datepicker插件的链接:

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

1 个答案:

答案 0 :(得分: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