"부트 스트랩"된 사이트에 날짜 선택 도구를 추가하려고합니다. 미적 감각 때문에 DoJo 선택 도구 나 기본 선택 도구를 사용하지 않습니다. 여기에 내가 현재 사용하고있는 구성 요소는 다음과 같습니다부트 스트랩 날짜 선택 도구 XPages
http://bootstrap4xpages.openntf.org/ => 설치하고 사용
부트 스트랩 날짜 선택 : http://eternicode.github.io/bootstrap-datepicker/?markup=input&format=dd.mm.yyyy&weekStart=&startDate=&endDate=&startView=0&minViewMode=0&todayBtn=false&language=en&orientation=auto&multidate=&multidateSeparator=&keyboardNavigation=on&forceParse=on#sandbox => 이것은로의 .js 및 .CSS 파일을 대처하여 설치 데이터 베이스.
내가 마키의 블로그 항목을 읽어 (내가 생각하는 이해) 한 : http://xomino.com/2012/01/26/using-jquery-selectors-in-xpages/
내 문제를 내가 jQuery를 내 필드에 .datepicker 요소를 추가 할 수 없습니다 무슨 상관없이. Marky의 기능을 모두 시도해 보았습니다. 클래스 이름을 선택기로 사용하고 직접 입력했습니다. 아무도 내가 뭘 잘못하고 있는지 아이디어가 있습니까?
은 사전에 감사 우수 스PS : O) 여기
코드입니다 :이 내가 jQuery를 사용하고 그래서 날 쉽게 부트 스트랩 처음 것을 추가하고 싶습니다 :=================== xPage =================
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xe="http://www.ibm.com/xsp/coreex" xmlns:xc="http://www.ibm.com/xsp/custom">
<xp:this.resources>
<xp:script src="/bootstrap-datepicker.js" clientSide="true"></xp:script>
<xp:styleSheet href="/datepicker3.css"></xp:styleSheet>
<xp:script src="/jsTestBootstrap.js" clientSide="true"></xp:script>
</xp:this.resources>
<xp:panel
style="margin-left:10.0px;margin-right:10.0px;margin-top:10.0px;margin-bottom:10.0px">
<xp:div>
<div class="row">
<div class="col-xs-12">
<xp:label value="Select a date" id="label1" for="inputText1"></xp:label>
<xp:inputText id="inputText1" styleClass="jqDateField">
</xp:inputText>
</div>
</div>
</xp:div>
</xp:panel>
</xp:view>
== =================== 그리고 여기에 내 고객 코드를 선택하십시오. 개발 ==============
$("#view\\:_id1\\:inputText1").datepicker({
format: "dd.mm.yyyy"
});
====================== 단부 ===== ========================================================================================================== ==
이 게시물에서 X $ 함수를 사용해보십시오 : http://xomino.com/2012/03/09/x-reference-examples/ 그것은 매우 잘 작동하므로 코드는 x $ ("# {id : inputText1}")처럼 보입니다. datepicker ({format : "dd.mm.yyyy"}); –
클래스 선택기를 사용해 보셨습니까? $ (".jqDateField") - classSelector를 사용하고 약간의 상처를 덜어 줌 날짜 선택 도구의 Z- 인덱스를 시도해 볼 수있는 또 다른 한 가지 - 생성되고 보이지 않는 것입니까? jQueryUI 날짜 선택 도구로 문제가 발생했는데 작동했지만 보이지 않았습니다. 선택기가 작동하는지 확인하려면 방화 광구를 사용하십시오. – MarkyRoden
@MarkyRoden : 예, 클래스 선택기를 시도했지만 여전히 작동하지 않았습니다. 필드가 생성되고 표시됩니다! 오후 내내 방화 녀석을 보냈다. o) 직장 동료도 부트 스트랩과 AngularJS (맞춤법 검사)를 많이 보았다. 심지어 그는 내 실수를 발견하지 못했다. –