我现在正在使用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/

10-12 12:36
查看更多