1

这是专门的salesforce/jquery 专家。我正在尝试在 apex:inputText 组件上使用 twitter bootstrap datepicker。我在一个页面上有两个 apex:inputText 组件。为此使用以下代码。

<script type="text/javascript" src="{!URLFOR($Resource.mypackage,'/js/jquery.min.js')}"></script>
    <script type="text/javascript" src="{!URLFOR($Resource.mypackage,'/js/bootstrap.min.js')}"></script>
    <script type="text/javascript" src="{!URLFOR($Resource.mypackage,'/datepicker/js/bootstrap-datepicker.js')}"></script>
    <link href="{!URLFOR($Resource.mypackage,'/css/bootstrap.css')}" rel="stylesheet"/>
    <link href="{!URLFOR($Resource.mypackage,'/css/bootstrap-responsive.css')}" rel="stylesheet"/>
    <link href="{!URLFOR($Resource.mypackage,'/datepicker/css/datepicker.css')}" type="text/css" rel="stylesheet" />

这些是我正在使用的 js 和 css。以及我用来在 apex:inputText 组件上创建日期选择器的以下代码

    <apex:form >
<b>Start Date:</b>&nbsp;
<apex:inputText label="Start Date" id="startDate" value="{!startDateString}" styleclass="editTextFieldSmall startDate"/>
&nbsp;&nbsp;<b>End Date:</b>&nbsp;
<apex:inputText label="End Date" id="endDate" value="{!endDateString}" styleclass="editTextFieldSmall endDate" />
<input type="text" class="startDate1" value="09/01/2013"/>
<input type="text" class="startDate2" value="09/01/2013"/>
</apex:form>
 <script>
$(document).ready(function(){

$(document).ready(function(){ $('.startDate').datepicker({ format: 'mm/dd/yyyy' }); $('.endDate').datepicker({ format: 'mm/ dd/yyyy' }); }); / $('.startDate1').datepicker({ 格式：'mm/dd/yyyy' }); $('.startDate2').datepicker({ 格式：'mm/dd/yyyy' }); }); /

datepicker 有两个标准输入文本可以正常工作。但是当我在 apex:inputText 上使用它时，默认情况下会在页面加载时显示 datepicker。像这样，无需单击该字段。 在此处输入图像描述

4

1 回答 1

3

如果我正确理解了您的问题，您希望防止日期选择器加载页面。为了防止标准的销售人员日期选择器打开页面的加载，将此代码添加到您的页面

<script>
function setFocus(){}
</script>

虽然这没有记录在案，并且可能会在未来的版本中中断。

于 2013-09-03T08:31:15.957 回答