javascript中的多个脚本
我有一个日期时间选择器的代码javascript中的多个脚本,javascript,jquery-ui,Javascript,Jquery Ui,我有一个日期时间选择器的代码 <link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.
<link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/timepicker.js"></script>
<script type="text/javascript">
$(function() {
$('#datetime').datepicker({
duration: '',
showTime: true,
constrainInput: false
});
});
</script>
$(函数(){
$('#datetime')。日期选择器({
持续时间:“”,
《秀时》:没错,
输入:false
});
});
我还有一个对话框的代码,当一个字段为空时显示该对话框
<link type="text/css" href="jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="ui/ui.core.js"></script>
<script type="text/javascript" src="ui/ui.draggable.js"></script>
<script type="text/javascript" src="ui/ui.resizable.js"></script>
<script type="text/javascript" src="ui/ui.dialog.js"></script>
<script type="text/javascript" src="external/bgiframe/jquery.bgiframe.js"></script>
<script type="text/javascript">
function haha(form) {
if(document.getElementById('in').checked || document.getElementById('off').checked) {
if(form.title.value=='' || form.nature.value=='' || form.start_date.value=='' || form.end_date.value=='' || form.hour1.value=='' || form.min1.value=='' || form.ampm1.value=='' || form.hour2.value=='' || form.min2.value=='' || form.ampm2.value=='' || form.venue.value=='' || form.rationale.value=='' || form.objectives.value=='' || form.description.value=='' || form.target.value=='' || form.monitoring.value=='') {
hello();
return false;
}
else{
return true;
}
}
else {
hello();
return false;
}
}
$(function() {
$("#dialog2").dialog({
autoOpen: false,
bgiframe: true,
modal: true,
resizable: false,
draggable: false,
height:160,
width:260,
buttons: {
Ok: function() {
$(this).dialog('close');
}
}
});
});
function hello() {
$("#dialog2").dialog('open');
}
function getElem(id) {
return document.all ? document.all(id) :
document.getElementById ? document.getElementById(id) :
document.layers ? document.layers[id] :
null;
}
function printToPage(id,content,classname) {
var el = getElem(id);
if (!el) return;
if (el.style) {
el.innerHTML = content;
if (classname) el.className = classname;
}
else if (el.document) {
var SPANstr = (classname) ? '<span class="' + classname + '">' : '<span>';
el.document.write('haha');
el.document.close();
}
}
</script>
功能哈哈(表格){
if(document.getElementById('in').checked | | document.getElementById('off').checked){
如果“形式.形式.名称.名称.名称.名称.名称.价值值==''''为为为为为为为为为为为为为为为为为形式.形式.形式.形式.名称.名称.名称.形式.名称.名称.名称.名称.名称.名称.名称.名称.名称.名称.名称.名称.名称.名称.名称.名称.价值价值=''为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为为.形式.形式.形式.形式.形式.形式.形式.形式.形式.形式.形式.为为为为为为为为为为。自然.自然.自然.自然.自然.自然.自然.自然.自然.自然.自然.自然| form.objectives.value=''| | form.description.value=''| | form.target.value=''| | | form.monitoring.value==''){
你好;
返回false;
}
否则{
返回true;
}
}
否则{
你好;
返回false;
}
}
$(函数(){
$(“#dialog2”).dialog({
自动打开:错误,
bgiframe:是的,
莫代尔:是的,
可调整大小:false,
可拖动:错误,
身高:160,
宽度:260,
按钮:{
好的:函数(){
$(this.dialog('close');
}
}
});
});
函数hello(){
$(“#dialog2”).dialog('open');
}
函数getElem(id){
返回document.all?document.all(id):
document.getElementById?document.getElementById(id):
document.layers?document.layers[id]:
无效的
}
函数printToPage(id、内容、类名){
var el=getElem(id);
如果(!el)返回;
如果(el.style){
el.innerHTML=内容;
如果(classname)el.classname=classname;
}
else if(el.文件){
var SPANstr=(类名)?“”:“”;
el.文件。写('haha');
el.document.close();
}
}
问题是我似乎无法使它们一起工作?如何使多个脚本在一个页面中工作?假设
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
方法看起来像这样
$(function() {
$("#dialog2").dialog({...});
$('#datetime').datepicker({...});
}
在不知道实际标记是什么样子的情况下,这应该会起作用。要检查所有值是否为空,似乎还有很长的路要走。循环检查它们并检查它们的值会更容易
$(function() {
$("#dialog2").dialog({...});
}
$(function() {
$("#dialog2").dialog({...});
$('#datetime').datepicker({...});
}