Question

Datepicker的startDate工作正常，但beforeShow事件没有工作。我尝试更改jquery和jqueryUI的版本，但它没有帮助。

$(document).ready(function(){

$('#fromDate').datepicker({ 
        startDate: new Date(),
        beforeShow: function() {
        alert("beforeshow working");
        $(this).datepicker('option', 'maxDate', $('#to').val());
         }
   });

   $('#toDate').datepicker({
        defaultDate: "+1w",
        beforeShow: function() {
        $(this).datepicker('option', 'minDate', $('#from').val());
       if ($('#from').val() === '') $(this).datepicker('option', 'minDate', 0);                             
        }
   });

 });

包括样式表和脚本：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.min.css">

<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> -->

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.serializeJSON/2.6.2/jquery.serializejson.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.min.js"></script>

我的html元素包含 fromDate 和 toDate ：

<div class="commondiv form-group">

  <p>
    <label for='StartDate'>Created From</label>
    <input type='text' id="fromDate" class="setdate form-control" name='StartDate'/>
  </p>

  <p class="shiftright">
    <label for='EndDate'>Created Till</label>
    <input type='text' id="toDate" class="setdate form-control" name='EndDate'/>
  </p> 
</div>

当我点击 Created From 文本框时，会出现datepicker用户界面，我选择日期，但是之前没有显示。我已经测试了onSelect，没有任何效果。我见过其他stackoverflow上的类似问题，但没有解决我的问题。帮助!!

beforeShow，onSelect不能在jquery datepicker中工作，这对我的工作并不重要

0 个答案: