使用add ons禁用引导程序日期选择器

时间:2014-11-07 06:10:13

标签: javascript jquery twitter-bootstrap

您好我正在使用引导日期选择器。我有两个日期字段要挑选。一个是from_date,另一个是to_date以提供一系列日期。我正在尝试强制用户首先选择from_date,我希望在页面加载时禁用to_date,并在选择from_date后启用。我可以禁用文本字段,但不会禁用与日期选择器关联的加载项图标。我正在使用jQuery 1.9.1。任何人都可以帮我解决这个问题。

我的JSP看起来像这样

<div id="startTimePicker" class="controls input-append date form_datetime_start" data-link-field="selectedStartTime">
<input size="16" id="startTimePickerText" type="text" value="" readonly>
  <span class="add-on">
   <i class="icon-remove"></i>
  </span>
  <span class="add-on">
   <i class="icon-th"></i>
  </span>
</div>
<input type="hidden" id="selectedStartTime" value="" />


<div id="endTimePicker" class="controls input-append date form_datetime_end" data-link-field="selectedEndTime">
<input size="16" id="endTimePickerText" type="text" value="" readonly>
 <span class="add-on">
  <i class="icon-remove"></i>
 </span>
 <span class="add-on">
  <i class="icon-th"></i> 
 </span>
</div>
<input type="hidden" id="selectedEndTime" value="" />

1 个答案:

答案 0 :(得分:0)

转到以下链接: - BOOTSTRAP 2 JSFiddle

在此处添加to_date的代码: -

 $picker.on('changeDate', function(ev){
     //TO_DATE code
 });