Question

如何在文本字段旁边添加一个图标，以便在点击它时打开日期选择器？

<body>

<p>Date: <input type="text" id="datepicker">&nbsp;

 <script>
  $(document).ready(function () {
  $(function() {
   $("#datepicker" ).calendarsPicker({calendar: $.calendars.instance('french')});
  });
  });

  </script>

</body>

Answer 1

正如settings docs所述，请使用showTrigger选项：

将触发弹出式日期选择器时出现的元素他们被点击了。你可以提供元素本身，一个jQuery 包含元素的集合，所需的字符串选择器元素或元素的字符串版本。触发器被克隆并且放在输入字段之后（从右到左的语言进入帐户）。

$(selector).calendarsPicker({showTrigger: 
    '<img src="img/calendar.gif" alt="Popup" class="trigger">'}); 
$(selector).calendarsPicker({showTrigger: '#myicon'});

为datepicker添加可点击图像

1 个答案: