LigerUI 日期控件彈出位置錯誤：ID/name 重複導致定位異常

現象：點擊「結束時間」輸入框，日期選擇器卻在「開始時間」位置彈出。

原因

兩個輸入框的 id 和 name 屬性值完全相同。LigerUI 內部通過 id 綁定實例、計算定位，重複 ID 導致第二個控件綁定到第一個 DOM 元素。

錯誤 HTML

<input type="text" id="date" name="date" class="date" />  <!-- 開始時間 -->
<input type="text" id="date" name="date" class="date" />  <!-- 結束時間 -->

修正：賦予唯一 ID/name

<input type="text" id="startDate" name="startDate" class="date" />
<input type="text" id="endDate" name="endDate" class="date" />

<script>
$("#startDate").ligerDateEditor();  // 或 ligerUI 初始化方式
$("#endDate").ligerDateEditor();
</script>

最佳實踐

• 頁面上所有元素 id 必須唯一 (HTML 標準)。
• 表單提交依賴 name，同名會導致數組提交，後端需按數組接收，建議也唯一化。
• 初始化插件時使用 $("#唯一id") 選擇器，確保一一對應。

修正 ID/name 重複，日期控件彈出位置即可正常跟隨各自輸入框。