时间戳

首页 > 解决方案 > 我得到了触发 jQuery datepicker 的日历图标，但它链接到了错误的输入

javascript - 我得到了触发 jQuery datepicker 的日历图标，但它链接到了错误的输入

问题描述

我有开始日期输入和日历图标，旁边是结束日期输入及其日历图标。开始日期日历图标触发结束日期输入日期选择器，但我希望开始日期日历图标触发开始日期输入日期选择器。下面的链接是我的结果图片。红色检查触发结束日期输入日期选择器，蓝色检查触发开始日期输入日期选择器。

我的结果

<td class="w40">
        <span class="date">
            <input type="text" class="input_date datepicker">
             <span class="icon btn_calendar"></span>
             ~
             <input type="text" class="input_date datepicker">
             <span class="icon btn_calendar"></span>
         </span>
      </td>



$(".datepicker").datepicker({
    changeMonth: true,
    changeYear: true
});

$.datepicker.setDefaults({
    dateFormat: 'yy년 mm월 dd일',
    prevText: '이전 달',
    nextText: '다음 달',
    monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
    monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
    dayNames: ['일', '월', '화', '수', '목', '금', '토'],
    dayNamesShort: ['일', '월', '화', '수', '목', '금', '토'],
    dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'],
    showMonthAfterYear: true,
    yearSuffix: '년'
});

$(".btn_calendar").click(function() {
  $(".datepicker").datepicker("show");
});

标签： javascriptjqueryinputdatepicker

解决方案

我认为您必须id准确识别哪个按钮触发哪个输入，并click为每个按钮绑定事件。

推荐阅读