jQueryUI----datepicker的使用

1. 使用jQuery ui首先須要引入jQuery類庫，jQuery ui js腳本和jQuery ui css樣式表。文件的結構以下：

   引入文件的代碼以下：

   2.靜態頁面的佈局：

   3.開始實現功能：

    方法一：

   a.先初始化兩個datepciker:

   b.設置開始和結束日期

    即： 當選擇開始日期的值後，則結束日期的最小值應該就是開始日期；同理，當選擇結束日期後，開始日期的最大值則應該是結束日期。咱們能夠利用datepicker中的onSelect屬性來設置當選擇指定日期後觸發的事件，經過該事件來指定對應的datepicker最小日期或最大日期：

 

方法二：

    a.先初始化兩個datepciker;

    b.首先判斷觸發事件的是開始日期仍是結束日期，經過該判斷來指定設置minDate或者是maxDate，而後利用not()函數，來反向選擇另外一個datepicker對象，並設置其對應的屬性；代碼以下：

 

 

  經過以上兩種方法，均可以對datepicker的開始和結束時間進行控制。