2012-10-17 4 views
3

날짜에 배경색을 설정하는 방법을 알고 싶습니다. datePicker; 나는 많은 튜토리얼을 따라 갔지만 어떤 결과도 얻지 못했습니다.jquery datepicker에서 특정 하루의 배경색을 변경하십시오.

나는이 날짜 선택기가 : 몽구스의 링크가에 유래 여기에 전체 답변을 게시하는 것이 가장 좋습니다 언젠가 나쁜 간다 그냥 경우

<div id="datepicker"></div> 

답변

3
+0

감사합니다 ... 그것은 위의 링크 페이지가 차단 된 완벽 –

+0

작동합니다 .. 거기에 또 다른 좋은 링크를 게시 ... –

+0

잘 작동하지 않는 이유를 모르겠지만 ... 루트 사이트는 다음과 같습니다. http://www.jquerybyexample.net/ – MongooseNX

3

:

JQuery와 :

$(document).ready(function() { 
    var SelectedDates = {}; 
    SelectedDates[new Date('04/05/2016')] = new Date('04/05/2016'); 
    SelectedDates[new Date('05/04/2016')] = new Date('05/04/2016'); 
    SelectedDates[new Date('06/06/2016')] = new Date('06/06/2016'); 

    $('#txtDate').datepicker({ 
     beforeShowDay: function(date) { 
      var Highlight = SelectedDates[date]; 
      if (Highlight) { 
       return [true, "Highlighted", Highlight]; 
      } 
      else { 
       return [true, '', '']; 
      } 
     } 
    }); 
}); 

CSS :

body 
{ 
    font-family:Arial; 
    font-size : 10pt; 
    padding:5px; 
} 

.Highlighted a{ 
    background-color : Green !important; 
    background-image :none !important; 
    color: White !important; 
    font-weight:bold !important; 
    font-size: 12pt; 
} 

HTML이 :

<input type='text' id='txtDate' /> 

What it looks like

가 바이올린 : http://jsfiddle.net/jquerybyexample/cqf9d/?utm_source=website&utm_medium=embed&utm_campaign=cqf9d

관련 문제