Javascript 从jquery日期选择器中选择日期后关闭jquery对话框

我的问题是，我有一个jquery对话框。在这个对话框中，我填充了一个输入框并初始化了日期选择器，它有选择日期然后完成按钮的选项

我希望，当我选择日期并单击“完成”时，对话框也应该使用日期选择器关闭

<script>
 $(document).ready(function() { 
  $('body').on('click','[id^="trnids"]',function(){
  vartrnnum = $(this).text();
  vartrnname = $(this).closest('#alstn > tr').find('.clstrnname').text();

  document.getElementById('divnewdate').innerHTML = ("<input id='ipnewdoj'>");

  fulldate1 = fulldate;
  datearray1 = fulldate1.split("-"); //storing dd,mm,yy seperated by "-" or "/"
  vardoj1 = datearray1[2] + datearray1[1] + datearray1[0]; //joining yyyymmdd

  document.getElementById("ipnewdoj").value = vardoj1;

 $(function() {   
   $('#ipnewdoj').datepicker( { 
   onSelect: function(date) {
              vardoj1 = date;
        },
   dateFormat: 'yymmdd', //you can modify this - in lower case dd-mm-yy
   numberOfMonths: 1, 
   showButtonPanel: true, 
   showWeek: true, 
   firstDay: 1,
   changeMonth: true,
   changeYear: true,
   showAnim: 'fold',   //show; slideDown; fadeIN; blind; bounce, drop; fold; clip;
   minDate: '-4D', //min days calender will go back. use '-12D' for days, '-12W' for weeks, '-12M' for months, or '-12Y' for years.
   maxDate: '0D', //max days calender will go next. use '+12D' for days, '+12W' for weeks, '+12M' for months, or '+12Y' for years.
   }).val(); 
});

  $(function() {
    $("#divnewdate").dialog({   
    width: 250,
    height: 270,
    modal: true,
    dialogClass:'datagrid',
    show: {effect: "clip", duration: 1000},
    hide: {effect: "drop", duration: 200},
    close: function( event, ui ) {
           fnltrs();//write your function here or call function here
    }//dialog box close option end
    }); // dialog } close
 }); // dialog function } close


  }); //main click event close fn
 }); // document ready fn close

 </script>

$（文档）.ready（函数（）{
$（'body'）。在（'click'，'id^=“trnids”]'上，函数（）{
vartrnnum=$（this.text（）；
vartrnname=$（this）.closest（'#alstn>tr'）.find（'.clstrnname'）.text（）；
document.getElementById（'divnewdate'）。innerHTML=（“”）；
fulldate1=fulldate；
datearray1=fulldate1.split（“-”；//存储以“-”或“/”分隔的日、月、年
vardoj1=datearray1[2]+datearray1[1]+datearray1[0]；//加入yyyymmdd
document.getElementById（“ipnewdoj”）.value=vardoj1；
$（函数（）{
$（'#ipnewdoj'）。日期选择器（{
onSelect：功能（日期）{
vardoj1=日期；
},
dateFormat:'yymmdd'，//您可以修改它-小写为dd-mm-yy
月数：1，
showButtonPanel：是的，
《秀周刊》：没错，
第一天：1，
变化月：对，
变化年：是的，
showAnim:'折叠'，//显示；向下滑动；fadeIN；遮阳帘；反弹，下降；折叠；剪辑；
minDate:“-4D”，//日历将返回分钟天数。使用“-12D”表示天数，“-12W”表示周，“-12M”表示月，“-12Y”表示年。
maxDate:'0D'，//下一步将使用MaxDays日历。使用“+12D”表示天数，+12W”表示周，+12M”表示月，或使用“+12Y”表示年。
}).val（）；
});
$（函数（）{
$（“#divnewdate”）。对话框（{
宽度：250，
身高：270，
莫代尔：是的，
dialogClass:'datagrid'，
显示：{效果：“剪辑”，持续时间：1000}，
隐藏：{效果：“掉落”，持续时间：200}，
关闭：功能（事件、用户界面）{
fnltrs（）；//在此处编写函数或在此处调用函数
}//对话框关闭选项结束
})；//对话框}关闭
})；//对话框函数}关闭
})；//主单击事件关闭fn
}); // 文件准备就绪fn关闭

非常感谢您的帮助。

请尝试下面的代码

$(document).ready(function() { 
  $('body').on('click','[id^="trnids"]',function(){
  vartrnnum = $(this).text();
  vartrnname = $(this).closest('#alstn > tr').find('.clstrnname').text();

  document.getElementById('divnewdate').innerHTML = ("<input id='ipnewdoj'>");

  fulldate1 = fulldate;
  datearray1 = fulldate1.split("-"); //storing dd,mm,yy seperated by "-" or "/"
  vardoj1 = datearray1[2] + datearray1[1] + datearray1[0]; //joining yyyymmdd

  document.getElementById("ipnewdoj").value = vardoj1;

 $(function() {   
   $('#ipnewdoj').datepicker( { 
   onSelect: function(date) {
              vardoj1 = date;
   },
   onClose: function () {              // Note this additional function here
       $('#divnewdate').dialog('close');
   },
   dateFormat: 'yymmdd', //you can modify this - in lower case dd-mm-yy
   numberOfMonths: 1, 
   showButtonPanel: true, 
   showWeek: true, 
   firstDay: 1,
   changeMonth: true,
   changeYear: true,
   showAnim: 'fold',   //show; slideDown; fadeIN; blind; bounce, drop; fold; clip;
   minDate: '-4D', //min days calender will go back. use '-12D' for days, '-12W' for weeks, '-12M' for months, or '-12Y' for years.
   maxDate: '0D', //max days calender will go next. use '+12D' for days, '+12W' for weeks, '+12M' for months, or '+12Y' for years.
   }).val(); 
});

  $(function() {
    $("#divnewdate").dialog({   
    width: 250,
    height: 270,
    modal: true,
    dialogClass:'datagrid',
    show: {effect: "clip", duration: 1000},
    hide: {effect: "drop", duration: 200},
    close: function( event, ui ) {
           fnltrs();//write your function here or call function here
    }//dialog box close option end
    }); // dialog } close
 }); // dialog function } close


  }); //main click event close fn
 }); // document ready fn close

$（文档）.ready（函数（）{
$（'body'）。在（'click'，'id^=“trnids”]'上，函数（）{
vartrnnum=$（this.text（）；
vartrnname=$（this）.closest（'#alstn>tr'）.find（'.clstrnname'）.text（）；
document.getElementById（'divnewdate'）。innerHTML=（“”）；
fulldate1=fulldate；
datearray1=fulldate1.split（“-”；//存储以“-”或“/”分隔的日、月、年
vardoj1=datearray1[2]+datearray1[1]+datearray1[0]；//加入yyyymmdd
document.getElementById（“ipnewdoj”）.value=vardoj1；
$（函数（）{
$（'#ipnewdoj'）。日期选择器（{
onSelect：功能（日期）{
vardoj1=日期；
},
onClose:function（）{//注意这里的这个附加函数
$（'divnewdate'）。对话框（'close'）；
},
dateFormat:'yymmdd'，//您可以修改它-小写为dd-mm-yy
月数：1，
showButtonPanel：是的，
《秀周刊》：没错，
第一天：1，
变化月：对，
变化年：是的，
showAnim:'折叠'，//显示；向下滑动；fadeIN；遮阳帘；反弹，下降；折叠；剪辑；
minDate:“-4D”，//日历将返回分钟天数。使用“-12D”表示天数，“-12W”表示周，“-12M”表示月，“-12Y”表示年。
maxDate:'0D'，//下一步将使用MaxDays日历。使用“+12D”表示天数，+12W”表示周，+12M”表示月，或使用“+12Y”表示年。
}).val（）；
});
$（函数（）{
$（“#divnewdate”）。对话框（{
宽度：250，
身高：270，
莫代尔：是的，
dialogClass:'datagrid'，
显示：{效果：“剪辑”，持续时间：1000}，
隐藏：{效果：“掉落”，持续时间：200}，
关闭：功能（事件、用户界面）{
fnltrs（）；//在此处编写函数或在此处调用函数
}//对话框关闭选项结束
})；//对话框}关闭
})；//对话框函数}关闭
})；//主单击事件关闭fn
}); // 文件准备就绪fn关闭

此代码确保每当关闭日期选择器时，它也会关闭对话框。

请尝试下面的代码

$(document).ready(function() { 
  $('body').on('click','[id^="trnids"]',function(){
  vartrnnum = $(this).text();
  vartrnname = $(this).closest('#alstn > tr').find('.clstrnname').text();

  document.getElementById('divnewdate').innerHTML = ("<input id='ipnewdoj'>");

  fulldate1 = fulldate;
  datearray1 = fulldate1.split("-"); //storing dd,mm,yy seperated by "-" or "/"
  vardoj1 = datearray1[2] + datearray1[1] + datearray1[0]; //joining yyyymmdd

  document.getElementById("ipnewdoj").value = vardoj1;

 $(function() {   
   $('#ipnewdoj').datepicker( { 
   onSelect: function(date) {
              vardoj1 = date;
   },
   onClose: function () {              // Note this additional function here
       $('#divnewdate').dialog('close');
   },
   dateFormat: 'yymmdd', //you can modify this - in lower case dd-mm-yy
   numberOfMonths: 1, 
   showButtonPanel: true, 
   showWeek: true, 
   firstDay: 1,
   changeMonth: true,
   changeYear: true,
   showAnim: 'fold',   //show; slideDown; fadeIN; blind; bounce, drop; fold; clip;
   minDate: '-4D', //min days calender will go back. use '-12D' for days, '-12W' for weeks, '-12M' for months, or '-12Y' for years.
   maxDate: '0D', //max days calender will go next. use '+12D' for days, '+12W' for weeks, '+12M' for months, or '+12Y' for years.
   }).val(); 
});

  $(function() {
    $("#divnewdate").dialog({   
    width: 250,
    height: 270,
    modal: true,
    dialogClass:'datagrid',
    show: {effect: "clip", duration: 1000},
    hide: {effect: "drop", duration: 200},
    close: function( event, ui ) {
           fnltrs();//write your function here or call function here
    }//dialog box close option end
    }); // dialog } close
 }); // dialog function } close


  }); //main click event close fn
 }); // document ready fn close

$（文档）.ready（函数（）{
$（'body'）。在（'click'，'id^=“trnids”]'上，函数（）{
vartrnnum=$（this.text（）；
vartrnname=$（this）.closest（'#alstn>tr'）.find（'.clstrnname'）.text（）；
document.getElementById（'divnewdate'）。innerHTML=（“”）；
fulldate1=fulldate；
datearray1=fulldate1.split（“-”；//存储以“-”或“/”分隔的日、月、年
vardoj1=datearray1[2]+datearray1[1]+datearray1[0]；//加入yyyymmdd
document.getElementById（“ipnewdoj”）.value=vardoj1；
$（函数（）{
$（'#ipnewdoj'）。日期选择器（{
onSelect：功能（日期）{
vardoj1=日期；
},
onClose:function（）{//注意这里的这个附加函数
$（'divnewdate'）。对话框（'close'）；
},
dateFormat:'yymmdd'，//您可以修改它-小写为dd-mm-yy
月数：1，
showButtonPanel：是的，
《秀周刊》：没错，
第一天：1，
变化月：对，
变化年：是的，
showAnim:'折叠'，//显示；向下滑动；fadeIN；遮阳帘；反弹，下降；折叠；剪辑；
minDate:“-4D”，//日历将返回分钟天数。使用“-12D”表示天数，“-12W”表示周，“-12M”表示月，“-12Y”表示年。
maxDate:'0D'，//下一步将使用MaxDays日历。使用“+12D”表示天数，+12W”表示周，+12M”表示月，或使用“+12Y”表示年。
}).val（）；
});
$（函数（）{
$（“#divnewdate”）。对话框（{
宽度：250，
身高：270，
莫代尔：是的，
dialogClass:'datagrid'，
显示：{效果：“剪辑”，持续时间：1000}，
隐藏：{效果：“掉落”，持续时间：200}，
关闭：功能（事件、用户界面）{
fnltrs（）；//在此处编写函数或在此处调用函数
}//对话框关闭选项结束
})；//对话框}关闭
})；//对话框函数}关闭
})；//主单击事件关闭fn
}); // 文件准备就绪fn关闭

---

此代码确保每当关闭日期选择器时，它也会关闭对话框。

您编写代码以在datapicker的onselect回调中选择对话框。您可以显示HTML吗？您需要编写

$（'#divnewdate'）。dialo