jeditable 환경에서 datetime 값을 편집하는 가장 좋은 방법은 무엇입니까?

Question

Jeditable을 사용하여 내 페이지의 표를 편집 할 수 있습니다. 그것은 MySQL 테이블을 업데이 트하고 모두 잘 작동합니다.

datetime 값을 편집하는 기능을 추가하고 싶습니다. 그래서 jquery.jeditable.datepicker.js를 사용하여 작업을 시도했습니다. 그러나 datetime 값이 아닌 date 값에서만 작동합니다.

$('.editTimeIn').editable('save.php', { 
    type  : 'datepicker', 
     datepicker: { 
      dateFormat: 'yy-mm-dd', 
      numberOfMonths: 2 
     } 
}); 

사용자가 날짜와 시간을 선택할 수 있어야합니다. 이 기능에 대한 권장 사항은 무엇입니까? 가능하면 예제를 사용하십시오.

Answer 1

jeditable.

(문자열) : 사용할 입력 유형입니다. 기본 입력 형식 또는 이을 선택 텍스트, 텍스트 영역입니다. 추가 입력 유형은 사용자 정의 입력 유형 API를 사용하여 제공됩니다.

그래서 당신은 jeditable additional input types에 면밀한 관찰을 가지고가는 경우에 당신은 당신이

timepicker 유형 (timepicker의 의존도를) 사용할 수있는 것을 볼 수

또는

time 입력 유형 (아마도 이것은이 필요한 경우에 가장 좋은 방법입니다.)뭔가 빠르며 다른 플러그인 의존성이 없음).

time 입력 타입의 간단한 예는이 fiddle

EDIT에서 찾을 수 있습니다

당신은 또한 다음과 같이 datetime-local 입력 유형을 추가하여 추가 입력 유형을 확장을 시도 할 수

(단지 간단한 데모)

$.editable.addInputType('datetime', { 
/* Create input element. */ 
element : function(settings, original) { 
    // pattern is fallback for browsers not supporting datetime-local 
    var datetime_local = $('<input id="datetime_" type="datetime-local" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}" required />'); 
    $(this).append(datetime_local);   
var hidden = $('<input type="hidden">'); 
$(this).append(hidden); 
return(hidden); 
}, 
submit : function(settings, original) { 
    var value = $('input:#datetime_').val(); 
    $("input", this).val(value); 
} 
}); 

업데이트 된 내용을 확인하십시오 fiddle 또한 변경 사항을 볼 수 있습니다.

Answer 2

제드 가능의 source file에서 직접. fie의 끝 부분을보세요

if (settings.datepicker) { 
    jQuery.extend(datepicker, settings.datepicker); 
    } 

    input.datepicker(datepicker); 

실제로 무엇을하는지는 입력 요소에 jquery ui datepicker를 적용하는 것입니다.

JQuery ui Datepicker에는 datetime을 변경할 수 없습니다. 또는이를 지원하는 다른 라이브러리를 찾을 수 있습니다. 또는 github에서 jeditable developers의 기능을 요청할 수 있습니다.

개발자가 작업한지 6 ~ 7 년이 되었기 때문에 개발자가 도움이 될지 의심 스럽기 때문에 다른 라이브러리를 찾을 것을 권장합니다. 감가 상각 된 라이브러리는 사용하지 않아야합니다.