부트 스트랩 날짜 선택기는 (수동 입력을 텍스트 입력을 피하거나 제한)

Question

여기 내 웹 사이트입니다.

내가 이 문제 가지고 있지만 :

1) 수동으로 입력 필드에 문자열을 입력 할 수 있습니다. original by eyecon은 날짜가 아닌 값을 입력 할 때마다 현재 날짜를 입력 할 수 없기 때문에 이상합니다. readonly 속성을 시도했지만 어떤 날짜도 선택할 수 없기 때문에 작동하지 않는 것 같습니다.

2) 답변을 수정하여 화요일 및 목요일에 날짜 선택을 another post으로 제한했습니다. datepicker를로드 할 때 선택한 기본 날짜는 현재 날짜이며 다른 요일 일 수 있습니다. 나는 이것을 피하고 화요일이나 목요일 만 선택하도록하고 싶습니다.

Answer 1

입력 후 날짜 선택기를 트리거 입력 요소 후 읽기 전용 속성을 사용하여 추가 기능을 추가 :

<input type="text" name="CallDate" value="" id="CallDate" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required input-medium date date-pick" size="40" readonly> 
<span class="add-on"><i class="icon-calendar"></i></span> 

작동합니다 그.

는 두 번째 문제를 들어 당신은 여기에서 날짜 선택기의 수정 된 버전을 사용할 수 있습니다 https://github.com/eternicode/bootstrap-datepicker하고 옵션 daysOfWeekDisabled

Answer 2

재정의 입력 컨트롤에서 키 이벤트를 사용합니다.

<input onkeydown="return false" ... /> 

Answer 3

나는 다음과 같이 허용 솔루션을 얻을 수 있었다 :

$(".date").datetimepicker({ 
    defaultDate: moment(), 
    format: 'YYYY-MM-DD' 
}).end().on('keypress paste', function (e) { 
    e.preventDefault(); 
    return false; 
}); 

은 너무 당신을 위해 작동 희망!