JQuery datepicker- 2 đầu vào Từ và Tới

Question

Tôi đang sử dụng plugin jquery datepicker với số này timepicker addon trong hai hộp nhập, một cho ngày "Từ" và ngày thứ hai có ngày "Tới".

Khi tôi đặt cái đầu tiên, tôi muốn cái thứ hai là một ngày, kể từ ngày được lựa chọn trong lần đầu tiên, vô hiệu hóa tất cả các ngày sớm hơn so với ngày đã chọn trong "Từ" ngày

Nếu " Để "ngày được chọn đầu tiên, thì ngày" Từ "được đặt thành ngày trước ngày" Tới ".

Tôi đã tìm thấy một số ví dụ, nhưng tôi không biết làm thế nào để có được ngày với thời gian Vì vậy, Nếu tôi, ví dụ, chọn /12/2010 15:50 trong " từ" ngày, ngày trong "To" ngày được thiết lập để /12/2010 15:50 hoặc ít nhất là để /12/2010 00:00.

EDITED ***

Tôi vừa tìm thấy piece of code này mà làm việc như tôi muốn, nhưng không có addon timepicker.

$(function(){ 

    $('#dateFrom').datepicker({ 
    dateFormat: 'dd/mm/yy', 
    onSelect: function(dateText, inst) { 
     $('#dateTo').datepicker('option','minDate', new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay)); 
      } 
    }); 
    $('#dateTo').datepicker({ 
    dateFormat: 'dd/mm/yy', 
    onSelect: function(dateText, inst) { 
     $('#dateFrom').datepicker('option','maxDate', new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay)); 
    }   
    }); 

}); 

Dựa trên mã trên, nó sẽ có thể thích ứng với nó, vì vậy mà tôi có thể sử dụng nó với các addon timepicker?

Cảm ơn trước

Answer 1

Cố gắng sử dụng onSelect hoặc onClose sự kiện thay đổi minDate và maxDate tùy chọn.

Answer 2

Tôi đã tận dụng tối đa, nhưng không thể tìm ra cách đặt hourMin và minuteMin sau khi tiện ích đã được khởi chạy. Với HTML sau:

<label for="from">From</label><input id="from" name="from" /> 
<label for="to">To</label><input id="to" name="to" /> 

Và đây JS:

$("#from").datetimepicker(); 
$("#to").datetimepicker({ 
    beforeShow: function(input, inst) { 
     var $toDateInput = $("#to"); 
     var fromDate = $("#from").datetimepicker("getDate"); 
     var toDate = $toDateInput.datetimepicker("getDate"); 
     var afterFromDate; 

     if (fromDate) { 
      if (!toDate || (toDate <= fromDate)) { 
       afterFromDate = new Date(fromDate.toUTCString()); 
       afterFromDate.setDate(afterFromDate.getDate() + 1);    
       $toDateInput.datetimepicker("setDate", afterFromDate); 
      } 
      $toDateInput.datetimepicker("option", "minDate", fromDate); 
     } 
    } 
}); 

Xem nó ở đây: http://jsfiddle.net/RWjtL/3/

Hầu hết các tiêu chí của bạn được đáp ứng, nhưng có một vài điều mà đang tắt:

• Khi bạn đặt trường 'To' trống, ngày tối thiểu 'From' date của trình soạn thảo sẽ không bị xóa. Tôi đã thử đặt tùy chọn minDate thành null và "" và có hành vi kỳ lạ. Here's a documented issue that could be related.
• Phương thức beforeShow được gọi nhiều lần. Tôi nghĩ điều này là do cuộc gọi tới số setDate bên trong trình xử lý nhưng không thể chắc chắn.
• Như đã nêu ở trên, tôi không thể quản lý để đặt hourMin và minuteMin sau khi thực tế và đặt minDate dường như không tôn trọng phần thời gian của ngày.

Tác giả's GitHub page có danh sách các sự cố, một số vấn đề có vẻ liên quan đến vấn đề tôi gặp phải. Hy vọng rằng sẽ giúp bạn bắt đầu ít nhất.