SalesForce、VisualForce Pages 和 jQuery 日期选择器答案

【问题标题】：SalesForce, VisualForce Pages, and the jQuery date pickerSalesForce、VisualForce Pages 和 jQuery 日期选择器
【发布时间】：2017-03-01 11:23:54
【问题描述】：

我遇到了一些问题，希望您能提供帮助。我打算使用 SalesForce 的“内置”日期选择器，但似乎（至少根据我的实验）您每个 VisualForce 页面只能使用一个。

所以我选择了 jQuery 路线。我可以让 jQuery datepicker 工作（我在页面上有两个）。

问题是，当页面通过验证时，如果“必需”元素之一不存在，它会将日期更改为 UTC 格式。

例如，如果日期 1 采用 mm/dd/yy 格式，而我将其设置为 03/01/2017，则它会输入较长的扩展日期。

在某一时刻，我确实将它放在了以 mm/dd/yy 格式输入日期的位置，但它们会提前一天（提前一天）关闭，这不好，我不能不知道如何解决它。我现在不在办公室，等我到了那里，我会看看我是否可以登录并实际发布我拥有的 jQuery。

好的，代码如下：

$( function() {
                            var ad = $('input[id$="adId"]' );
                            var pld = $('input[id$="pldId"]' );
                            
                            ad.datepicker({minDate: 0, dateFormat: "mm/dd/yy"});
                            pld.datepicker({minDate: 0, dateFormat: "mm/dd/yy"});
                            
                            if(ad.val() != ""){
                                $('input[id$="adId"]').datepicker({dateFormat: "mm/dd/yy"}).datepicker("setDate", new Date(ad.val()));
                            }
                            
                            if(pld.val() != ""){
                                $('input[id$="pldId"]').datepicker({dateFormat: "mm/dd/yy"}).datepicker("setDate", new Date(pld.val()));
                            }
                            
                          } );

我在 outputPanel 中为日期选择器使用了一个元素。

所以基本上流程是这样的：

转到页面。
填写除几项以外的所有内容，但请确保有日期。日期采用 mm/dd/yy 格式，因此它们将显示为 03/01/2017。
进行验证时，错误消息显示表单不完整，并且日期现在采用 UTC 日期格式（即“Thu Jan 1 19:30:00 UTC+0530 1970”）而不是 mm/dd/yy .

我认为这是一个简单的格式问题。非常感谢任何建议。

【问题讨论】：

标签： jquery datetime salesforce jquery-ui-datepicker date-format

【解决方案1】：

我认为我们可以在 VF 页面中使用许多日期选择器。有不同的方法可以做到这一点您可以使用 apex:inputfield 并将该字段与日期类型字段绑定

<apex:page standardcontroller=’Account’>
<apex:form>
<apex:inputfield value=”{!Account.DateTypeField}”
</apex:form>
</apex:page

> 其他方式>你可以使用也可以使用标签

<apex:page standardcontroller=’Account’ id=”id”>
<apex:form id=”form”>
<apex:inputText styleClass="css" value="{!datename}" size="10" id="demo" onfocus="DatePicker.pickDate(false, 'id:form:demo', false);" />
</apex:form>
</apex:page>

第三个。

<apex:page >
<apex:form >
<table>

<td> Date<br></br><input id="t" name="dat" onfocus="DatePicker.pickDate(false,
't', false);" size="20" tabindex="20" type="text" /><span class="dateFormat">[&nbsp;<a
href="DatePicker.insertDate('3/3/2017', 't', true);"
>2/3/2011</a>&nbsp;]</span></td>
</table>
</apex:form>
</apex:page>

问候，

阿杰

【讨论】：