날짜 선택기가

내가 날짜 선택기 내가날짜 선택기가

case "date": 
    $this.after('<input type="text" class="value cat_textbox datepicker" />') 
    break;

현재 스위치/경우 후론 사용 포함 한 "날짜"fieldType 옵션에 부착 갖고 싶어 스위치/경우 후론 작동하지, <input> 컨테이너가 표시되지만 캘린더 버튼이 보이지 않습니다. 또한 컨테이너를 클릭하면 Datepicker가 작동하지 않습니다.

enter image description here

참고 : 나는 <body>에 직접 <input type="text" class="value cat_textbox datepicker" />를 추가 할 때 날짜 선택기 완벽하게 잘 작동한다.

enter image description here

다른 모든 스위치/케이스 옵션이 완벽하게 작동한다. (아래 기능의 스 니펫 참조).

/* 
** This changes the fieldType options when 
** a different Field (age, gender, etc) is selected 
*/ 
function onOperatorSelectChange(e) { 
    var $this = $(this); 
    var option = $this.find("> :selected"); 
    var container = $this.parents(".rule"); 
    var fieldSelect = container.find(".field"); 
    var currentValue = container.find(".value"); 
    var val = currentValue.val(); 

    switch(option.data("fieldType")) { 
     case "none": 
      $this.after($("<input>", {"type": "hidden", "class": "value"})); 
      break; 
     case "text": 
      $this.after($("<input>", {"type": "text", "class": "value"})); 
      break; 
     case "date": 
      $this.after('<input type="text" class="value cat_textbox datepicker" />') 
      break; 
     case "textarea": 
      $this.after($("<textarea>", {"class": "value"})); 
      break; 
     case "select": 
      var select = $("<select>", {"class": "value"}); 
      var options = fieldSelect.find("> :selected").data("options"); 
      for(var i=0; i < options.length; i++) { 
       var opt = options[i]; 
       select.append($("<option>", {"text": opt.label || opt.name, "value": opt.name})); 
      } 
      $this.after(select); 
    break; 
} 
currentValue.remove();

} 경우 "날짜"내부 코드 날짜 선택기 텍스트 상자를

변화를 만든 후

출처

2014-02-19 cpardon

호출의 날짜 선택기 방법 : 코드

case "date": 
    $this.after('<input type="text" class="value cat_textbox datepicker" />'); 
    $(".datepicker").datepicker({dateFormat: 'dd-mm-yy', 
     changeMonth: true, 
     changeYear: true, 
     yearRange:'-50:+20' 
    }); 
    break;

출처

2014-02-19 02:48:37 Sarath

감사 Sarath 다음

시도. 나는 당신의 코드를 복사하고 내 것을 바꿨습니다 ... 변화가 없습니다. 여전히 같은 문제가 있습니다. 더 이상의 생각? – cpardon

제공하신 것으로부터 몇 가지 방법을 시도했습니다. 입력 상자를 클릭해도 응답이 없습니다. 'case "date": $ this.after (''); \t $ ('input.datepicker') CSTE 연구진 ({ 클릭 기능 (전자) { e.target.preventDefault(); $ (이) .datepicker ({ changeYear : 사실 changeMonth : 사실 }); } }); 휴식; ' – cpardon

저를 위해 잘 작동합니다 ... 콘솔을 확인해주세요. 자바 스크립트 오류가 발생 했습니까? – Sarath

날짜 선택기가

답변

관련 문제