我正在处理一个与HP Autonomy Interwoven Teamsite DCT相关的问题，我想要为“selectDate”文本元素添加jQuery Datepicker。
基本上，这个文本元素是一个带有min=1属性的复制容器的一部分。因此，在表单加载时，第一个复制容器实例会附加上日期选择器，并与select Date文本项一起使用。但是，当我添加新的复制容器时，新实例的select Date文本元素就不会自动显示日期选择器。
我的DCT代码如下： 这里只展示了部分内容
<script language="javascript" location="webserver" type="text/javascript" src="/iw/macysdotcom/formapi/jquery/js/jquery-ui-1.9.2.custom.min.js" />以下是JS代码
/******************************************************************************
// Setting up some variables. From line Number 15 to 29.
// You’ll notice a list of scripts and CSS files we want to use within
// Formspublisher and a few basic state variables.
*******************************************************************************/
var o = {};
var server = window.location.hostname;
o.iwInitialised = false;
o.loadedScripts = 0;
var f = window.top.formframe;
o.stylesheets = new Array(
'/iw/macysdotcom/formapi/jquery/css/smoothness/jquery-ui-1.9.2.custom.min.css'
);
o.scripts = new Array(
'/iw/macysdotcom/formapi/jquery/jquery-1.8.3.min.js',
'/iw/macysdotcom/formapi/jquery/js/jquery-ui-1.9.2.custom.min.js'
);
/********************************************************************************/
/********************************************************************************
// The code below instructs jQuery to periodically check whether
// the o.iwInitialised variable has been set to true by the formAPI onFormInit
// event before executing the next steps
*********************************************************************************/
$().ready(function() {
o.waitForIwInitialise();
});
o.waitForIwInitialise = function() {
if(!o.iwInitialised) {
setTimeout('o.waitForIwInitialise()', 500);
} else {
o.ready();
}
}
/********************************************************************************/
/************************************************************************************
// In code below setting a flag to say that Formspublisher is initialised
// I am also disabling the field that we will apply auto-completion to.
// I had issues when a user would start to type before auto complete was fully
// initialised.
************************************************************************************/
o.iwInitalise = function() {
o.iwInitialised = true;
}
/*****************************************************************************/
/********************************************************************************/
// setting data that contains all of the values for our auto-complete field.
/********************************************************************************/
o.ready = function() {
o.loadStylesheets();
}
/*******************************************************************************/
/********************************************************************************
// A TeamSite DCT is rendered to the browser as a series of iFrames.
// Our next step is to inject the Javascript and CSS that we need into
// the iFrame containing the form that makes up our DCT.
//-------------------------------------------------------------------------------
// We are targeting our CSS and scripts at window.top.formframe.document
// which is where the DCT form resides. The list of Javascript and CSS
// files is taken from our configuration variables so you could reuse
// this code to add any jQuery plugins that you wish to use.
********************************************************************************/
o.loadStylesheets = function() {
//alert("DatA Later : "+o.data);
var doc = f.document;
var head = doc.getElementsByTagName('head')[0];
$(o.stylesheets).each(function() {
var script = doc.createElement("link");
script.setAttribute("rel", "stylesheet");
script.setAttribute("type", "text/css");
script.setAttribute("href", this);
head.appendChild(script);
var meta = doc.createElement("meta");
meta.setAttribute("http-equiv", "X-UA-Compatible");
meta.setAttribute("content", "IE=edge");
//alert(meta);
head.appendChild(meta);
});
o.loadScripts();
}
o.loadScripts = function() {
var document = f.document;
if(o.loadedScripts < o.scripts.length) {
var head = document.getElementsByTagName('head')[0];
var src = o.scripts[o.loadedScripts];
var script = document.createElement('script');
script.setAttribute('src', src);
script.setAttribute('type', 'text/javascript');
o.loadedScripts++;
script.onreadystatechange= function () {
if (this.readyState == 'loaded') o.loadScripts();
}
script.onload = o.loadScripts;
head.appendChild(script);
} else {
o.topFrameLoaded();
}
}
/********************************************************************************/
IWEventRegistry.addFormHandler("onFormInit", o.iwInitalise);
/*********************************************************************************
// final step is to enable auto complete.we are finding a reference to our text
// field in the DCT and enabling auto complete.
// We are also re-enabling the field now that all is ready
*********************************************************************************/
o.topFrameLoaded = function() {
f.$("input[name*='startDate']").datepicker({
dateFormat: "mm/d/yy",
changeMonth: true,
changeYear: true,
minDate: 0,
numberOfMonths: 1,
showOn: "both",
buttonImage: "/iw/macysdotcom/formapi/jquery/calendar.png",
showButtonPanel: true,
closeText : "12/31/9999",
buttonImageOnly: true,
onClose: function( selectedDate, inst ) {
f.$("input[name*='endDate']").datepicker( "option", "minDate", selectedDate );
f.$( this ).datepicker( "option", 'dateFormat', 'mm/d/yy' );
}
});
f.$("input[name*='endDate']").datepicker({
changeMonth: true,
dateFormat: "mm/d/yy",
changeYear: true,
numberOfMonths: 1,
showOn: "both",
buttonImage: "/iw/macysdotcom/formapi/jquery/calendar.png",
showButtonPanel: true,
buttonImageOnly: true,
closeText : "12/31/9999",
onClose: function( selectedDate, inst ) {
f.$("input[name*='startDate']").datepicker( "option", "maxDate", selectedDate );
f.$(this).datepicker( "option", 'dateFormat', 'mm/d/yy' );
}
})
f.$('button.ui-datepicker-current').live('click', function() {
f.$.datepicker._curInst.input.datepicker('setDate', new Date()).datepicker('hide').blur();
});
f.$('button.ui-datepicker-close').live('click', function() {
f.$.datepicker._curInst.input.datepicker('setDate','12/31/9999').datepicker('hide').blur();
});
}
function init(){
IWEventRegistry.addItemHandler("/Root/sequenceContainer/rowContainer","OnReplicantAdded",testReplicant);}
function testReplicant(item) {
o.topFrameLoaded();}
init();
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />，那么DCT将以标准文档模式呈现，但由于我是Teamsite的新手，所以我不知道如何做到这一点。如果您有任何替代方案，请建议。 - Sunil Kr. Yadav