一切都没有准备好 *********************************************************************************/ o、 topFrameLoaded=函数(){ f、 $(“输入[名称*='startDate'])。日期选择器({ 日期格式:“mm/d/yy”, 变化月:对, 变化年:是的, minDate:0, 月数:1, showOn:“两者”, buttonImage:“/iw/macysdotcom/formapi/jquery/calendar.png”, showButtonPanel:是的, 结束语:“1999年12月31日”, buttonImageOnly:正确, onClose:功能(选择日期、安装){ f、 $(“输入[名称*='endDate'])。日期选择器(“选项”,“minDate”,selectedDate); f、 $(this).datepicker(“选项”,“日期格式”,“mm/d/yy”); } }); f、 $(“输入[名称*='endDate'])。日期选择器({ 变化月:对, 日期格式:“mm/d/yy”, 变化年:是的, 月数:1, showOn:“两者”, buttonImage:“/iw/macysdotcom/formapi/jquery/calendar.png”, showButtonPanel:是的, buttonImageOnly:正确, 结束语:“1999年12月31日”, onClose:功能(选择日期、安装){ f、 $(“输入[名称*='startDate'])。日期选择器(“选项”,“maxDate”,selectedDate); f、 $(this).datepicker(“选项”,“日期格式”,“mm/d/yy”); } }) f、 $('button.ui datepicker current').live('click',function(){ f、 $.datepicker.\u curInst.input.datepicker('setDate',new Date()).datepicker('hide').blur(); }); f、 $('button.ui datepicker close').live('click',function()){ f、 $.datepicker.\u curInst.input.datepicker('setDate','12/31/9999')。datepicker('hide').blur(); }); } 函数init(){ addItemHandler(“/Root/sequenceContainer/rowContainer”,“OnReplicantAdded”,testReplicant);} 函数TestReplicator(项){ o、 topFrameLoaded();} init();
有一个内置的,您可以调用。 例如:一切都没有准备好 *********************************************************************************/ o、 topFrameLoaded=函数(){ f、 $(“输入[名称*='startDate'])。日期选择器({ 日期格式:“mm/d/yy”, 变化月:对, 变化年:是的, minDate:0, 月数:1, showOn:“两者”, buttonImage:“/iw/macysdotcom/formapi/jquery/calendar.png”, showButtonPanel:是的, 结束语:“1999年12月31日”, buttonImageOnly:正确, onClose:功能(选择日期、安装){ f、 $(“输入[名称*='endDate'])。日期选择器(“选项”,“minDate”,selectedDate); f、 $(this).datepicker(“选项”,“日期格式”,“mm/d/yy”); } }); f、 $(“输入[名称*='endDate'])。日期选择器({ 变化月:对, 日期格式:“mm/d/yy”, 变化年:是的, 月数:1, showOn:“两者”, buttonImage:“/iw/macysdotcom/formapi/jquery/calendar.png”, showButtonPanel:是的, buttonImageOnly:正确, 结束语:“1999年12月31日”, onClose:功能(选择日期、安装){ f、 $(“输入[名称*='startDate'])。日期选择器(“选项”,“maxDate”,selectedDate); f、 $(this).datepicker(“选项”,“日期格式”,“mm/d/yy”); } }) f、 $('button.ui datepicker current').live('click',function(){ f、 $.datepicker.\u curInst.input.datepicker('setDate',new Date()).datepicker('hide').blur(); }); f、 $('button.ui datepicker close').live('click',function()){ f、 $.datepicker.\u curInst.input.datepicker('setDate','12/31/9999')。datepicker('hide').blur(); }); } 函数init(){ addItemHandler(“/Root/sequenceContainer/rowContainer”,“OnReplicantAdded”,testReplicant);} 函数TestReplicator(项){ o、 topFrameLoaded();} init();,jquery,datepicker,form-api,wcm,teamsite,Jquery,Datepicker,Form Api,Wcm,Teamsite,有一个内置的,您可以调用。 例如: <script language="javascript" location="webserver" type="text/javascript" src="/iw/macysdotcom/formapi/jquery/js/jquery-ui-1.9.2.custom.min.js" /> <script language="javascript" location="webserver" src="/iw/macysdot
<script language="javascript" location="webserver" type="text/javascript" src="/iw/macysdotcom/formapi/jquery/js/jquery-ui-1.9.2.custom.min.js" />
<script language="javascript" location="webserver" src="/iw/macysdotcom/formapi/library.js"/>
<script language="javascript" location="template-type" src="shy.js"/>
<root-container location="Root" name="Root">
<container name='sequenceContainer' min='1' max='25' default='0'>
<container name='rowContainer' min='1' max='25' default='0'><label><img src='/iw-cc/teamsite/images/bullets/blue_bullet.png'/> Row Container</label>
<item name="startDate" pathid="startDate" required="t" rowcontinue="t">
<label>Start Date</label>
<text required="f" size="30" maxlength="100">
</text>
</item>
<item name="endDate" pathid="endDate" required="t">
<label>End Date</label>
<text required="f" size="30" maxlength="100">
</text>
</item>
</container>
</container>
</root-container>
<item name="Date" pathid="Date">
<label>Date</label>
<description>Date Picker.</description>
<text required="t" size="12" maxlength="10" validation-regex="^[0-9]{4}\/[0-1][0-9]\/[0-3][0-9]$">
<callout url="/iw-bin/iw_cgi_wrapper.cgi/calendar.ipl/allow_past_dates=1" label="View Calendar" window-features="width=200,height=230,resizable=no,toolbar=no,scrollbars=no,titlebar=no"/>
<default>yyyy/mm/dd</default>
</text>
<readonly />
</item>
日期
日期选择器。
yyyy/mm/dd
这将生成日历或帮助您走上正确的轨道。是的,我们可以在模板中包含JQuery。
<script language="javascript" location="webserver" type="text/javascript" src="/iw/macysdotcom/formapi/jquery/js/jquery-ui-1.9.2.custom.min.js" />
<script language="javascript" location="webserver" src="/iw/macysdotcom/formapi/library.js"/>
<script language="javascript" location="template-type" src="shy.js"/>
<root-container location="Root" name="Root">
<container name='sequenceContainer' min='1' max='25' default='0'>
<container name='rowContainer' min='1' max='25' default='0'><label><img src='/iw-cc/teamsite/images/bullets/blue_bullet.png'/> Row Container</label>
<item name="startDate" pathid="startDate" required="t" rowcontinue="t">
<label>Start Date</label>
<text required="f" size="30" maxlength="100">
</text>
</item>
<item name="endDate" pathid="endDate" required="t">
<label>End Date</label>
<text required="f" size="30" maxlength="100">
</text>
</item>
</container>
</container>
</root-container>
请参考此链接以快速启动:
<script language="javascript" location="webserver" type="text/javascript" src="/iw/macysdotcom/formapi/jquery/js/jquery-ui-1.9.2.custom.min.js" />
<script language="javascript" location="webserver" src="/iw/macysdotcom/formapi/library.js"/>
<script language="javascript" location="template-type" src="shy.js"/>
<root-container location="Root" name="Root">
<container name='sequenceContainer' min='1' max='25' default='0'>
<container name='rowContainer' min='1' max='25' default='0'><label><img src='/iw-cc/teamsite/images/bullets/blue_bullet.png'/> Row Container</label>
<item name="startDate" pathid="startDate" required="t" rowcontinue="t">
<label>Start Date</label>
<text required="f" size="30" maxlength="100">
</text>
</item>
<item name="endDate" pathid="endDate" required="t">
<label>End Date</label>
<text required="f" size="30" maxlength="100">
</text>
</item>
</container>
</container>
</root-container>
希望这会有帮助
<script language="javascript" location="webserver" type="text/javascript" src="/iw/macysdotcom/formapi/jquery/js/jquery-ui-1.9.2.custom.min.js" />
<script language="javascript" location="webserver" src="/iw/macysdotcom/formapi/library.js"/>
<script language="javascript" location="template-type" src="shy.js"/>
<root-container location="Root" name="Root">
<container name='sequenceContainer' min='1' max='25' default='0'>
<container name='rowContainer' min='1' max='25' default='0'><label><img src='/iw-cc/teamsite/images/bullets/blue_bullet.png'/> Row Container</label>
<item name="startDate" pathid="startDate" required="t" rowcontinue="t">
<label>Start Date</label>
<text required="f" size="30" maxlength="100">
</text>
</item>
<item name="endDate" pathid="endDate" required="t">
<label>End Date</label>
<text required="f" size="30" maxlength="100">
</text>
</item>
</container>
</container>
</root-container>
谢谢要求使用jQuery日期选择器。我已经做到了这一点,但现在还有一个问题,我面临的浏览器兼容性问题,因为我的IE是在文档模式下呈现我们的DCT=IE5怪癖。如果我可以将meta标记属性更改为
,则DCT将以标准文档模式呈现,但由于我是Teamsite的新手,因此我不知道如何执行此操作。如果您有其他选择,请建议您修改edit_dcr.jsp并将其添加到头部。可能的位置是iw home\httpd\webapps\content\u center\ccpro\formspub for windows和Interwoven/ApplicationContainer/server/default/deploy/iw-cc.war/ccpro/formspub for linux。
<script language="javascript" location="webserver" type="text/javascript" src="/iw/macysdotcom/formapi/jquery/js/jquery-ui-1.9.2.custom.min.js" />
<script language="javascript" location="webserver" src="/iw/macysdotcom/formapi/library.js"/>
<script language="javascript" location="template-type" src="shy.js"/>
<root-container location="Root" name="Root">
<container name='sequenceContainer' min='1' max='25' default='0'>
<container name='rowContainer' min='1' max='25' default='0'><label><img src='/iw-cc/teamsite/images/bullets/blue_bullet.png'/> Row Container</label>
<item name="startDate" pathid="startDate" required="t" rowcontinue="t">
<label>Start Date</label>
<text required="f" size="30" maxlength="100">
</text>
</item>
<item name="endDate" pathid="endDate" required="t">
<label>End Date</label>
<text required="f" size="30" maxlength="100">
</text>
</item>
</container>
</container>
</root-container>