激活jquery日历后日期文本框写入html从javascript

Activate jquery calendar after date textbox written to html from javascript

本文关键字：html javascript 文本 jquery 日历 日期 激活      更新时间：2023-09-26

嗨，我试图从我的页面引用日期拾取器后，选择日期拾取器的文本框从javascript写入html文档。只是想知道有没有办法触发这个。通常情况下，我只会写在行中，但对于我所做的，我需要它是动态的。

        <body>
  <script>
  function popHTML() {
  var MyInside = document.getElementById("MyInside")
  var ohtml
  ohtml = ""
  ohtml = "<table><tr><td height='"37'"><input type='"text'" id='"XDATE2'" name='"XDATE2'" /></td></tr></table>"
  MyInside.innerHTML = ohtml
  }
  </script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7/jquery-ui.min.js"></script> 
  <table><tr><td><input type="button" onclick="popHTML()"></td><td id="MyInside"></td></tr></table>
  <script type="text/javascript"> 
  var DatePicked = function() { 
            var departure = $("#XDATE"); 
            var arrival = $("#arrival"); 
            var nights = $("#nights"); 
            var triggeringElement = $(this); 
            var departureDate = departure.datepicker("getDate"); 

    } 
    $(function() { 
            $("#XDATE, #arrival").datepicker({ 
                    onSelect: DatePicked 
            }); 
    }); 
</script>   



  </body></html>

你需要把这段代码

$("#XDATE, #arrival").datepicker({ 
                    onSelect: DatePicked 
            });

在将input元素写入文档的函数内部(或调用from)，并且在将input元素写入文档之后。

在你的例子中将在这行之后:

MyInside.innerHTML = ohtml
相关文章：