2017-03-10 6 views
0

내가 무엇을 얻을해야 잘 작동하지 않습니다 날짜를 클릭하면 선택 항목이 작동하고 (입력이 잘 채워져 있음) 강조 표시가없고 커서는 texte 커서와 비슷하지만 작은 손이 아니라 크롬 위에 있습니다.부트 스트랩 날짜 선택기 CSS를 내가 부트 스트랩 날짜 선택기 내 브라우저에서 날짜를 선택하면

<div id="datepicker2"></div> 
<div id="inputpicker2"> <input type="" id="my_hidden_input"></div> 

    $('#datepicker2').datepicker(); 
    $('#datepicker2').on('changeDate', function() { 
      $('#my_hidden_input').val(
        $('#datepicker2').datepicker('getFormattedDate') 
      ); 
    }); 
+0

그래서 당신이 업데이 트를해야합니까 CSS로 특정 브라우저를 대상으로하려면? –

+0

@FabrizioBertoglio 죄송합니다. 정말 바빴습니다. 크롬 캐시를 지웠고 크롬에 ​​실제로 같은 문제가있었습니다.하지만 이전에 작동했기 때문에 실제로 어떤 일이 발생했는지 이해하지 못했습니다. – xif

+0

안녕하세요, 새 기능을 기반으로 질문을 업데이트하십시오. 새로운 정보가있는 시나리오. 감사합니다 Fabrizio –

답변

1

만약 당신이 모질라 브라우저에 changeDate 이벤트를 트리거 할 때 기능 $('#my_hidden_input').val()이 다음 내가 알기로 이것은 JQuery와의 문제가 아니다,라고 JQuery와. CSS 문제입니다. 때로는 CSS 스타일이 크롬에서는 작동하지만 모질라에서는 작동하지 않습니다. 이러한 이유 때문에 때때로 mozilla 또는 webkit (chrome)에 특정 CSS 스타일을 사용합니다.

두 divs CSS 스타일을 비교하려면 개발자 툴바가 필요합니다. mozzilla에서이 div cellhighlight 속성이나 다른 속성이 어떤 이유로 비활성화되어 있는지 확인할 수있을 것입니다.

당신이 이벤트 .on('changeDate', function(){}).datepicker() 함수를 호출 할 때 CSS 스타일, JQuery와 같이

동적 사업부에이 스타일을 추가

에만 모질라에 적용됩니다 귀하의 CSS를 -moz-cellhighlight에 사용하는 경우, 예를 들어

, 당신은해야한다 Chrome 또는 Mozzilla의 날짜를 변경하여 추가 된 클래스의 이름을 찾고 datepicker css 파일에서이 클래스를 편집 할 수 있습니다.

https://developer.mozilla.org/en-US/docs/Web/CSS/Mozilla_Extensions

Targeting only Firefox with CSS

+0

지연에 대한 미안 나는 avalaible 아니 었어, 내가 대체 솔루션을 찾았 Bootstra-datepicker.css 링크로 https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap- datepicker.standalone.min.css 그리고 작동 중입니다. 내 오래된 datepicker.css가 좋지 않다고 생각합니다! 하지만 CSS 문제를 지적 해 주셔서 감사합니다. – xif

+0

@xif 감사합니다. 문제가 해결되어 매우 기쁩니다. –