重新使用日历页面

时间:2018-04-03 12:18:10

标签: javascript jquery

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

1 个答案:

答案 0 :(得分:0)

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



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

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

<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;