2013-08-21 3 views
0

Timepicker 플러그인을 사용하고 있습니다 : http://trentrichardson.com/examples/timepicker/. 날짜가 변경된 후 시간 제한을 업데이트하고 싶습니다. 이것은 내 코드입니다 :Timepicker 플러그인의 시간 제한을 업데이트하는 방법은 무엇입니까?

var date = "10/02/2013"; // October, 02 2013 
var time = "22:05"; 
$("#Date").datepicker({ 
        minDate: 'today', 
        maxDate: date, 
        showOn: "button", 
        buttonImage: '@Url.Content("~/Images/Library/Calendar.png")', 
        buttonImageOnly: true, 
        onSelect: function (dateText) { 
         if (Date.parse(dateText) == Date.parse(date)) { 
          $('#Time').timepicker({ 
           hourMax: time.split(':')[0], 
           minuteMax: time.split(':')[1] 
          }); 
         } 
         else { 

          $('#Time').timepicker({ 
           hourMax: 23, 
           minuteMax: 59 
          }); 
         } 
        } 
       }); 

나는 그것을 수행하려고하지만, 당신은 아마 당신이 스크립트의 다른 곳에서 정의한 두 개의 정의되지 않은 변수 '일'과 '시간', 준

답변

0

작동하지 않습니다

var date = "10/02/2013"; // October, 02 2013 
var time = "22:05"; 

코드가 작동합니다 (내가 그것을 테스트 한) :

예를 들어,이 바르가 있다고 가정 ... (난 가정).

당신은 당신이 이런 식으로 뭔가를 시도 할 수 날짜 형식이 다른 경우 :

var fdate = "10/02/2013 22:05"; 
var date = fdate.split(' ')[0]; 
var time = fdate.split(' ')[1]; 
..... 
+0

답변 해 주셔서 감사합니다.하지만 캘린더가 변경되면 시간과 분을 업데이트하고 싶습니다. –

1

나는 내 문제를 해결하는 방법을 찾을 : 나는 다른 일을 선택하면 내가 timepicker를 파괴하고 다시 재현합니다.

var date = "10/02/2013"; 
var time = "22:05"; 
$("#S-Date").datepicker({ 
         minDate: 'today', 
         maxDate: date, 
         showOn: "button", 
         buttonImage: '@Url.Content("~/Images/Library/Calendar.png")', 
         buttonImageOnly: true, 
         onSelect: function (dateText) { 
          if (Date.parse(dateText) == Date.parse(date)) { 
           $("#S-Time").val(formatTime12(time)); 
           $('#S-Time').timepicker('destroy'); 
           $('#S-Time').timepicker({ 
            hourMax: time.split(':')[0], 
            minuteMax: time.split(':')[1] 
           }); 
          } 
          else { 
           $('#S-Time').timepicker('destroy'); 
           $('#S-Time').timepicker({ 
            hourMax: 23, 
            minuteMax: 59 
           }); 
          } 
         } 
        }); 
관련 문제