重新使用日历页面

Question

该页面有datepicker，我想在点击另一个div＆＃34; abc＆＃34;时使用相同的内容。另一个div存在于同一页面上。 我怎样才能做到这一点 ？ 我尝试使用现有的datapicker类来abc但没有运气

Answer 1

尝试这样，我想我会按预期工作。现在，我可以在所有输入类型中使用多个实例。

＆＃13;

＆＃13;

$(document).ready(function () {
    //Wire up the JQuery UI date pickers
    $(".date-field").datepicker();       
});

＆＃13;

.date-pickers {    
    display:inline-block;
}
.date-picker {
     display:inline-block;
}

＆＃13;

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div class="wrapper"> 
    <div class="date-pickers">
        <div class="date-picker">
            <label for="fromDate">From:</label>
            <input type="text" name="fromDate" id="fromDate" class="date-field" />
        </div>
        
        <div class="date-picker">
            <label for="toDate">To:</label>
            <input type="text" name="toDate" id="toDate" class="date-field" />
        </div>
    </div>
</div>

＆＃13;

＆＃13;

＆＃13;