如何使用jQuery datepicker顯示日期和自動更新？

我需要使jQuery與其餘的js一起工作，並在圖表上以降序顯示日期。這是我迄今爲止的基礎。它說「document.write（x）;」我需要它來顯示用戶選擇的日期。如何使用jQuery datepicker顯示日期和自動更新？

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
     <style> 
      h1 { 
       text-align: center; 
      } 
     </style> 
    </head> 
    <body> 
    <div class="datepicker"> 
     <div> 
      <script type="text/javascript"> 
      var x; 
      $(function date() { 
       $("#datepicker").datepicker({ 
        onClose: function(dateText) { 
        var x = dateText; 
        alert("x = " + x); 
        } 
       }); 
       $('#datepicker').datepicker('option', {dateFormat: 'mm/dd/yy'}); 
      }); 
      </script> 
    <input type="text" id="datepicker"> 
     </div> 
    </div> 
<div class="price-chart"> 
    <div class="attr-col"> 
     <ul> 
      <li>Service 1:</li> 
      <li>Service 2:</li> 
      <li>Service 3:</li> 
      <li>Service 4:</li> 
      <li>Service 5:</li> 
     </ul> 
    </div> 
    <div class="pt-table"> 
     <div class="pt-body"> 
      <ul class="pt-rows"> 
       <li class="title"> 
       <span><script type="text/javascript"> 
       document.write(x); 
       </script></span>

來源

2014-07-21 user3776741

你可以發佈一些你試過的解決方案嗎？ –

爲此，Datepicker有一個['.getDate（）'函數]（https://api.jqueryui.com/datepicker/#method-getDate）。 *題外話：不要嵌入'

在您的onClick函數中更改x後，跨度中的x值不會更新。給你的跨度，你想要的日期顯示「日期」的ID，然後添加的最後一行中的OnClose函數：

$("#datepicker").datepicker({ 
    onClose: function(dateText){ 
    x = dateText; 
    alert("x = " + x); 
    $("#date").html(x); 
    } 
});

這將自動更新每次更改x的值時間。

來源

2014-07-21 16:10:28

相關問題